css组合选择器的写法,css选择器总结

　　CSS组合选择器包括各种简单选择器的组合。

　　CSS3中有四种组合：

　　后代(用空格分隔)子元素选择器(用大于号分隔)相邻同级选择器(用加号分隔)普通同级选择器(用破折号分隔)

1.后代选择器

　　后代选择器用于选择一个元素的后代元素。

　　以下示例选择所有p元素插入到div元素中：

　　div p{背景色：黄色；}

2.子元素选择器

　　与后代选择器相比，子选择器只能选择作为某个元素的子元素的元素。

　　以下示例选择div元素中的所有直接子元素p:

　　divp {背景色：黄色；}

3.相邻兄弟选择器

　　相邻兄弟选择器可以选择紧接在另一个元素之后的元素，并且两者具有相同的父元素。

　　如果您需要选择紧接在另一个元素之后的元素，并且它们具有相同的父元素，您可以使用相邻同级选择器。

　　以下示例选择div元素后的所有前p个元素：

　　div p{背景色：黄色；}

4.后续兄弟选择器

　　后续同级选择器选择所有指定元素之后的相邻同级元素。

　　以下示例选择所有div元素之后的所有相邻同级元素p:

　　div~p {背景色：黄色；}就是这样。这篇关于教你如何玩CSS组合选择器的文章就介绍在这里。有关CSS组合选择器的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。