CSS选择器有哪些

CSS选择器是用来选择HTML或XML元素的一种方式,CSS选择器可以根据元素的标签名、类名、ID、属性值等特征进行选择。以下是一些常用的CSS选择器:

  1. 标签选择器:使用元素的标签名作为选择器,例如:p、h1、div等。

  2. 类选择器:选择具有指定类名的元素,使用“.类名”作为选择器,例如:.demo。

  3. ID选择器:选择具有指定ID的元素,使用“#ID名”作为选择器,例如:#demo。

  4. 兄弟选择器:选择某个元素之后的兄弟元素,使用“+”作为选择器,例如:p + img。

  5. 子元素选择器:选择某个元素的子元素,使用“>”作为选择器,例如:div > p。

  6. 属性选择器:选择具有指定属性值的元素,使用“[属性名=值]”或“[属性名]”作为选择器,例如:img[src='demo.png']或img[alt]。

  7. 伪类选择器:选择元素的特殊状态或位置,例如:a:hover、input:focus等。

还有一些其他的高级选择器,例如:通配符选择器、分组选择器、后代选择器等。这些选择器的使用方法略有不同,可以根据实际需要进行选择使用。

posted @ 2023-05-16 10:31  kitebear  阅读(115)  评论(0编辑  收藏  举报