--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,子继承父所有样式,也可修改子本身样式(不影响父)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步