CSS选择器是用来选择HTML元素的一种方式,常见的CSS选择器有以下几种:
1. 元素选择器(element selector):通过元素名称来选择元素,如p、div、h1等。
2. 类选择器(class selector):通过类名来选择元素,以点号开头,如.class。
3. ID选择器(id selector):通过ID属性来选择元素,以#号开头,如#id。
4. 属性选择器(attribute selector):通过元素的属性来选择元素,如[type="text"]。
5. 伪类选择器(pseudo-class selector):通过元素的状态或位置来选择元素,如:hover、:first-child等。
6. 伪元素选择器(pseudo-element selector):用于选择元素的某个部分,如::before、::after等。
CSS选择器的优先级是根据不同选择器的组合方式和数量来计算的,通常可以用一个四位数表示。其中,千位数表示!important的优先级,百位数表示ID选择器的数量,十位数表示类选择器、属性选择器和伪类选择器的数量,个位数表示元素选择器和伪元素选择器的数量。例如,一个选择器为#id .class p:first-child的优先级为0,1,2,1。
CSS选择器具有继承性,即子元素会继承父元素的样式。但是,并不是所有的CSS属性都具有继承性,只有一部分属性才能被子元素继承,如color、font-size等。而对于不具有继承性的属性,可以使用继承关键字inherit来强制继承父元素的样式。