2016 - 2024

感恩一路有你

html标签的嵌套规则有哪些 css有哪几种选择符以及css优先级规则?

浏览量:2603 时间:2021-03-13 01:34:29 作者:admin

css有哪几种选择符以及css优先级规则?

比较多哟,给你说下几种比较常见的吧:1、优先级最高的是内部选择器,写在标签内部,例如<div style="color:red"></div>,这里的color=red是写在标签内部的,所以优先级最高2、其次是id选择器例如<div id="d1"></div> <style> #d1{ color:red }</style>,这里面#d1就是id选择器,用#表示, 标签里面是id属性 样式是#开始3、类选择器例如<div class="c1"></div> <style> .c1{ color:red }</style>,这里面.c1就是类选择器,用.表示,标签里面是class属性,样式是 . 开始4、标签选择器以标签名字作为选择器,这种不常使用例如:<div><div> <p><p>样式对应:div{ font-size:14px } p{font-size:20px}由标签选择器,类选择器,id选择器,还可以延伸出很多选择器,详细的可查询w3c哟

css样式中有什么标签选择器?

CSS选择器、优先级与匹配原理

1.id 选择器(#myid)2.类选择器(.myclassname)3.标签选择器(div,h1,p)4.相邻选择器(h1 p)5.子选择器(ul < li)6.后代选择器(li a)7.通配符选择器(*)8.属性选择器(a[rel="external"])9.伪类选择器(a:hover,li:nth-child) 其中ID选择器的效率是最高,而伪类选择器的效率则是最低 CSS的权重 1. 通配选择符的权值 0,0,0,0

2. 标签的权值为 0,0,0,1

3. 类的权值为 0,0,1,0

4. 属性选择的权值为 0,0,1,0

5. 伪类选择的权值为 0,0,1,0

6. 伪对象选择的权值为 0,0,0,1

7. ID的权值为 0,1,0,0

8. important的权值为最高 1,0,0,0 使用规则: 选择器的权值加到一起,大的优先;如果权值相同,后定义的优先 。 从上面我们可以得出两个关键的因素: 1. 权值的大小跟选择器的类型和数量有关 2. 样式的优先级跟样式的定义顺序有关

html标签的嵌套规则有哪些 css三种选择器的优先级 css可继承的样式属性

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。