CSS的选择器主要用于选中HTML文档中的元素,然后为其添加样式。我们可以使用多种方式来选择元素,下面将介绍各种选择器:
// 1. 元素选择器 p { color: red; } // 2. ID选择器 #intro { font-size: 24px; } // 3. 类选择器 .red-text { color: red; } // 4. 后代选择器 main p { font-size: 18px; } // 5. 子元素选择器 ul > li { list-style: none; } // 6. 相邻兄弟选择器 h2 + p { font-weight: bold; } // 7. 属性选择器 a[href="https://www.google.com"] { color: blue; } // 8. 伪类选择器 a:hover { text-decoration: underline; } // 9. 通配符选择器 * { margin: 0; padding: 0; } // 10. 结构伪类选择器 ul li:first-child { font-weight: bold; }
以上是CSS中常用的各种选择器,它们的作用和使用方法各不相同,我们可以根据具体的需求选择使用相应的选择器。同时需要注意的是,不同选择器的优先级不同,比如ID选择器优先级最高,通配符选择器优先级最低。