css 选择器 优先级

--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,子继承父所有样式,也可修改子本身样式(不影响父)

原文地址:https://www.cnblogs.com/tiechui/p/1817156.html