在CSS中,选择器是用来选择指定HTML元素的规则集合。它们非常重要,因为它们可以帮助我们精确定位并修改我们想要的元素。以下是一些常用的CSS选择器。
/* 1. 元素选择器 */ p { color: red; } /* 2. ID选择器 */ #myId { font-size: 20px; } /* 3. 类选择器 */ .myClass { text-decoration: underline; } /* 4. 后代选择器 */ ul li { list-style-type: square; } /* 5. 子选择器 */ div >p { font-weight: bold; } /* 6. 相邻兄弟选择器 */ h1 + p { font-style: italic; } /* 7. 属性选择器 */ a[href="http://www.example.com"] { color: blue; } /* 8. 通配符选择器 */ * { border: 1px solid black; }
以上是一些常用的CSS选择器,当然还有更多的选择器,比如伪元素选择器、伪类选择器等等。选择正确的选择器可以帮助我们更有效率的编写CSS样式。