css相邻元素选择器，box在HTML中的意思_CSS学习

资料来源：网络整理时间：2023/3/4 1:58:06 共计：3600 浏览

1、css相邻元素选择器，box在HTML中的意思？

这是个CSS的相邻同胞选择器。 .box + .box 意思就是：选择紧邻第一个box元素的同胞box元素。这俩类名一样，解释起来有点混乱。我举个例子。例如：标题标题

文章段落

如果我这么写：.box1 + h1 ,那么我选择的就是类名叫.h1-1的元素。如果：.box2 + h1 ,它不会选择任何元素，因为.box2的下面没有一个叫h1的同胞元素。如果：h1 + div ,那么会选择.box2的div元素。第一个元素 + 第二个元素这个选择器只会选择紧邻第一个元素并且是在第一个元素下面的同胞级元素上面那段代码，如果你写：.box1 + .box2 将没有效果，因为他们中间夹了个h1元素。但是有一个选择器可以实现，就是.box1 ~ .box2 同胞选择器。能力有限，不知帮到了吗？

2、css获取后几个元素？

<!DOCTYPE html>

<html>

<head>

#nth-test div:nth-child(-n + 4) {

background-color: red;

}

</style>

</head>

<body>

</div>

</body>

</html>

选前四个

#nth-test div:nth-child(-n + 4) { background-color: red; }

选弟3个往后

#nth-test div:nth-child(n + 3) { background-color: red; }

3、css元素的排列规则主要分为那两种元素？

标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。HTML文档中的元素可以分为两大类：行内元素和块级元素。

1.行内元素不占据单独的空间，依附于块级元素，行内元素没有自己的区域。它同样是DOM树中的一个节点，在这一点上行内元素和块级元素是没有区别的。

2.块级元素总是以块的形式表现出来，并且跟同级的兄弟块依次竖直排列，左右自动伸展，直到包含它的元素的边界，在水平方向不能并排。

4、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 这两个常被用来清除浮动

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css3选择器与边框样式，CSS如何去掉div的边框_CSS学习 | ·下一条：css选择器第二个孩子，CSS选择器first_CSS学习