CSS优先级算法的计算及其CSS3新增伪类

lily2016n

于 2017-07-27 10:37:44 发布

阅读量607

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 文章标签： css3

本文链接：https://blog.csdn.net/lily2016n/article/details/76175555

css3 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了CSS样式优先级的决定因素，包括就近原则、!important使用、内联与外部样式表的区别等，并列举了CSS3新增的伪类如:first-of-type、:last-of-type等的选择器用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css优先级算法

*   优先级就近原则，同权重情况下样式定义最近者为准;

*   载入样式以最后载入的定位为准;

优先级为:
    内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）
    !important >  id > class > tag
    important 比 内联优先级高

CSS3新增伪类

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
p:last-of-type  选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
p:only-of-type  选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
p:only-child        选择属于其父元素的唯一子元素的每个 <p> 元素。
p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。

:after          在元素之前添加内容,也可以用来做清除浮动。
:before         在元素之后添加内容
:enabled        选择器匹配每个已启用的元素（大多用在表单元素上）
:disabled       控制表单控件的禁用状态。
:checked        单选框或复选框被选中。