CSS选择器有哪些?

CSS选择器有哪些?

    优先级排序:

    !important > 行内样式>ID选择器 > class选择器 > element选择器 > 通配符 > 继承 > 浏览器默认属性同一级别

id选择器:

#id   id属性不要以数字开头,数字开头的id在 Mozilla/Firefox 浏览器中不起作用。

class选择器:

.class

element选择器:

element

属性选择器:

[attribute]

伪类选择器:

:pseudo-class

如链接的不同状态

:link  未访问的链接

:hover  鼠标划过链接

:visited  已访问的链接

:active  已选中的链接

层级选择器:

element1 ? element2

? 处值可为空格、+、>

空格:(a b) 元素a中所有元素b的子代

+:(a + b) 所有紧接着元素a之后的元素b

>:(a > b)  元素a中所有直接子元素b

通配符选择器:

* 匹配所有元素

猜你喜欢

转载自blog.csdn.net/weixin_42441117/article/details/81874689