1.元素选择器 使用元素名作为选择器,用于指定页面中特定的某个元素。例如:p {},选择所有的p元素。不过需要注意的是,因为元素选择器的使用范围较广,可能会影响到页面中其他的元素,所以需要谨慎使用。
2.类选择器 使用类名作为选择器,类名通常是在HTML元素的class属性中定义。例如:.classname {},选择类名为“classname”的所有元素。类选择器可以通过添加多个类名来进一步筛选元素。
3. ID选择器 使用ID名称作为选择器,ID名称是HTML元素的id属性定义。例如:#idname {},选择ID名称为“idname”的元素。
4.后代选择器 用空格隔开两个元素名,可以选择第一个元素的所有后代元素。例如:article p{},选择article元素内的所有p元素。
5.子元素选择器 用>符号分隔两个元素名,可以选择第一个元素的所有直接子元素。例如:ul >li{},选择ul元素直接下一级的所有li元素。
以上是常见的CSS选择器,每一种选择器都有其特定的使用场景和优劣势,了解它们的区别和特性,有助于开发人员更快地定位元素和修改样式。