1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > css选择器权重值计算规则 html权重很重要吗 – CSS – 前端 有没有关注html5和css3

css选择器权重值计算规则 html权重很重要吗 – CSS – 前端 有没有关注html5和css3

时间:2018-12-15 14:24:21

相关推荐

css选择器权重值计算规则 html权重很重要吗 – CSS – 前端 有没有关注html5和css3

因为权重值越高的html样式是最先展示的,他能够将权重级别比较低的样式给覆盖掉的,所以不同的权重呈现出来的样式是不一样的,所以对html来说权重是很重要的一个组成部分的,比如z-index属性值的权重越高,他所在的层次也就越高,通常用于遮罩显示。

CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样大家选择相应的元素就很重要了,如何选择对应的元素,此时就需要大家所说的选择器。在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。选择器主要是用来确定html的树形结构中的DOM元素节点。

css选择符(选择器)有以下这些:

1、通配选择符( * ):匹配任意元素。

2、id选择符( # myid):匹配 ID 等于“myid”的任意元素 。

3、类选择符(.myclassname):匹配 class 等于“myclassname”的任意元素.

4、标签选择符(div, h1, p):选择指定元素名称的所有元素。

5、相邻选择符(E + F):用于选择(不是内部)指定的第一个元素之后紧跟的元素。

6、子选择符(E > F):用于选取带有特定父元素的元素,例ul > li,选择所有父级是 <ul> 元素的每个 <li> 元素。(学习视频分享:css视频教程)

7、后代选择符(E F):用于选取元素内部的元素。

8、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。

选择父级下第一个元素和最后一个元素如:

aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa变红色.list li:last-child{font-weight:bold;} //只有dddd变粗体

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。