css选择器第一个元素 css选择第一个div

源源今天给分享css选择器第一个元素的知识，其中也会对css选择第一个div进行解释，希望能解决你的问题，请看下面的文章阅读吧！

1、【这是我的学习笔记，你也可以拿去用】 1 元素选择器：比如p{xxxx}，选择文档中所有的p元素； 2 类选择器：比如.center_bar{xxxx}，选择文档中使用了类center_bar的元素； 3 id选择器：比如.button1{xxxx}，选择文档中使用了button1的元素； 4 或选择器：用逗号连接多个选择器； 5 与选择器：多个选择器紧挨在一起； 6 后代选择器：用空格连接多个选择器； 7 子代选择器：用大于号连接多个选择器，它其实是后代选择器的特殊情况； 8 属性选择器： (1) 比如p[id]，选择标签上有属性“id”的p元素； (2) 比如p[id="button1"]，选择标签上有属性“id”并且id的值为“button1”的p元素； (3) 比如p[id^=”b”]，选择标签上有属性“id”并且id的值以“b”开头的p元素； (4) 比如p[id$=”b”]，选择标签上有属性“id”并且id的值以“b”结尾的p元素； (5) 比如p[id*=”b”]，选择标签上有属性“id”并且id的值包含“b”的p元素； 9 p:first-child：既是p元素，也是某元素的第一个孩子； 10 p:last-child：既是p元素，也是某元素的最后一个孩子； 11 p:nth-child(3)：既是p元素，也是某元素的第三个孩子； 12 p:nth-child(odd)：既是p元素，也是某元素的第奇数个孩子； 13 伪类选择器都是某种状态，比如active、link、hover，使用“:”； 14 伪元素选择器，确实有某些实体的东西，比如第一行文字、第一个文字、被选中的文字，使用“::” 15 只有多个选择器选中了同一个元素的同一个属性，才会出现优先级的问题； 16 如果两个选择器优先级相同，那么写在后面的选择器生效； 17 选择器优先级的排列： (1) !important (2) 内联样式 (3) id选择器 (4) 类和伪类选择器 (5) 元素和伪元素选择器 (6) *选择器 (7) 继承样式 。

本文到这结束，希望上面文章对大家有所帮助。