css选择器及优先级算法
2011-03-13 17:36
218 查看
css命令在读取时是按照其优先级的高低的先后顺序来解读的,当优先级相同时是按照其css命令写的先后顺序来读取的,即后面的css覆盖(前后css属性设置不同时)或继承(前后css属性设置相同或后面未设置该css属性时)前面的css命令。下面对html中类选择器、ID选择器、后代选择器、群组选择器等,以及选择器的优先级的计算总结一下。
1、标签名选择器
CSS:
div {color:red;border:1px blue solid;}
span {float:right;}
2、类选择器
HTML:
<div class="test">类选择器</div>
CSS:
.test {color:red;border:1px blue solid;}
3、ID选择器
HTML:
<div id="test">ID选择器</div>
CSS:
#test {color:red;border:1px blue solid;}
4、直接在标签中加入style
html:
<div style="border:1px yellow solid;">标签中直接加入style</div>
选择器的优先级的计算:
直接加入style的优先级最高相当于数学计算的千位,用a表示;ID选择器的优先级次之,用b表示;class类选择器的优先级次之,用c表示;标签名选择器的优先级次之,用d表示。
优先级的计算公式为:优先级=a*1000+b*100+c*10+d.
1、标签名选择器
CSS:
div {color:red;border:1px blue solid;}
span {float:right;}
2、类选择器
HTML:
<div class="test">类选择器</div>
CSS:
.test {color:red;border:1px blue solid;}
3、ID选择器
HTML:
<div id="test">ID选择器</div>
CSS:
#test {color:red;border:1px blue solid;}
4、直接在标签中加入style
html:
<div style="border:1px yellow solid;">标签中直接加入style</div>
选择器的优先级的计算:
直接加入style的优先级最高相当于数学计算的千位,用a表示;ID选择器的优先级次之,用b表示;class类选择器的优先级次之,用c表示;标签名选择器的优先级次之,用d表示。
优先级的计算公式为:优先级=a*1000+b*100+c*10+d.
相关文章推荐
- CSS选择器有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先?
- CSS优先级、CSS选择器、解决冲突——继承与层叠
- CSS规则层叠时的优先级算法
- CSS选择器种类、优先级与匹配原理详解
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- CSS选择器及优先级 总结
- 经典算法和数据结构(一) 优先级队列与堆排序
- 详解CSS选择器、优先级与匹配原理
- CSS选择器和优先级
- 第二课:css选择器&选择器优先级及css3新增选择器(系统解析)
- css选择器优先级和photoshop快捷键以及100度享乐网框架
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- 详解CSS选择器、优先级与匹配原理
- CSS规则层叠时的优先级算法---from http://www.lunaticsun.com/article/cascading-style
- Css优先级算法如何计算
- css选择器优先级
- CSS选择器优先级
- C++最大堆实现priority_queue优先级队列(算法导论)
- CSS选择器优先级
- 【算法导论】堆排序和优先级队列