如果偶这么写：.box1 + h1 ,那么偶选择的就是类名叫.h1-1的元素。 如果：.box2 + h1 ,它不会选择任何元素，因为.box2的下面没有一个叫h1的同胞元素。 如果：h1 + div ,那么会选择.box2的div元素。 第一个元素 + 第二个元素 这个选择器只会选择 紧邻第一个元素 并且是在第一个元素下面的同胞级元素 上面那段代码，如果你写 ：.box1 + .box2 将没有效果，因为他们中间夹了个h1元素。 但是有一个选择器可以实现，就是.box1 ~ .box2 同胞选择器。 能力有限，不知帮到了吗？
@ css获取后几个元素？
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title></title>
<style type=”text/css”>
#nth-test div:nth-child(-n + 4) {
background-color: red;
}
</style>
</head>
<body>
<div id=”nth-test”>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
</div>
</body>
</html>
选前四个
#nth-test div:nth-child(-n + 4) { background-color: red; }
选弟3个往后
#nth-test div:nth-child(n + 3) { background-color: red; }
@ css元素的排列规则主要分为那两种元素？
标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。HTML文档中的元素可以分为两大类：行内元素和块级元素。
1.行内元素不占据单独的空间，依附于块级元素，行内元素没有自己的区域。它同样是DOM树中的一个节点，在这一点上行内元素和块级元素是没有区别的。
2.块级元素总是以块的形式表现出来，并且跟同级的兄弟块依次竖直排列，左右自动伸展，直到包含它的元素的边界，在水平方向不能并排。
@ CSS伪元素有哪些不得了的用法？
先列出CSS中常用的伪类
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
:checked 选择所有选中的表单元素
:disabled 选择所有禁用的表单元素
p:first-child 父元素中第一个p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一个p元素
p:before
p:after 这两个常被用来清除浮动
