CSS选择器有哪些
CSS选择器是用来选择HTML或XML元素的一种方式,CSS选择器可以根据元素的标签名、类名、ID、属性值等特征进行选择。以下是一些常用的CSS选择器:
-
标签选择器:使用元素的标签名作为选择器,例如:p、h1、div等。
-
类选择器:选择具有指定类名的元素,使用“.类名”作为选择器,例如:.demo。
-
ID选择器:选择具有指定ID的元素,使用“#ID名”作为选择器,例如:#demo。
-
兄弟选择器:选择某个元素之后的兄弟元素,使用“+”作为选择器,例如:p + img。
-
子元素选择器:选择某个元素的子元素,使用“>”作为选择器,例如:div > p。
-
属性选择器:选择具有指定属性值的元素,使用“[属性名=值]”或“[属性名]”作为选择器,例如:img[src='demo.png']或img[alt]。
-
伪类选择器:选择元素的特殊状态或位置,例如:a:hover、input:focus等。
还有一些其他的高级选择器,例如:通配符选择器、分组选择器、后代选择器等。这些选择器的使用方法略有不同,可以根据实际需要进行选择使用。
forever young