您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

CSS的优先级使用技巧

作者:佚名    责任编辑:admin    更新时间:2022-06-22

大家知道CSS的优先级吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验,在此拿出来与大家分享下,请大家互相指正。行内样式(inline style) > ID选择符 > 样式(class),伪类(pseudo-class)和属性(attribute)选择符 > 类别(type),伪对象(pseudo-element)

解释:

*内联样式(inline style):元素的style属性,比如

 

,其中的color:red;就是行内样式

 

*ID选择符:元素的id属性,比如

 

可以用ID选择符#content

 

*伪类(pseudo-class):最常见的是锚(a)伪类,比如a:link,a:visited.

*属性选择符(attribute selectors):比如div[class=demo],含有class为demo的div元素

*类别选择器(type selector):HTML标签选择,比如div .demo,div元素下含有class为demo的元素

*伪对象选择器(pseudo-element selector):比如div:first-letter,div元素下的第一个单词。

相信大家已经学会CSS的优先级了吧!感谢大家对我们网站的支持!

相关推荐:

css默认值是什么呢