现在的位置: 首页 > 综合 > 正文

css 选择器 优先级

2012年11月29日 ⁄ 综合 ⁄ 共 384字 ⁄ 字号 评论关闭

--1--

行内样式(style=“color:orange”)>ID选择器(name)>类别选择器(class)>标签选择器(p)

多个类别选择器,前者为准。(class=“purple red”)  取purple

[一般越特殊的样式(针对性越强), 优先级越高]

 

--2--

css编写

一般只给外层标记定义class或id

内层标记通过嵌套方式,

子标记无法利用此规则时,才单独进行声明,

eg:ul li{...} 可以给某个li 单独设置id或class

 

p span {color: blue} 针对所有后代标记

p>span {color: blue} 针对子标记

 

利用继承特性 设置css

eg:ul li ul li ul li { color: green}

 

--3--

层叠:多个选择器 针对一个属性设置=》冲突的解决方案

继承:根据html结构,父到子设置css,子继承父所有样式,也可修改子本身样式(不影响父)

抱歉!评论已关闭.