css的特性
一、继承性：
继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。
/* 不具有继承性的css样式: */
p{border:1px solid red;}
二、特殊性（优先级？）
定位一个元素，选择器的特殊性值则是决定哪一个胜出的关键。 其形式（不在代码中体现）如：0,0,0,1/1,1,0,1/0,0,0,3/….
主要有四个规则:
- 用了ID ，则 +0,1,0,0；
- 用class、属性(如[id=”btn1”])、伪类(如:hover) +0,0,1,0；
- 元素和伪元素(如::before) 加0,0,0,1；
- 结合符对特殊性没有贡献,而通配符的贡献是0,0,0,0.(所以他们对总特殊性没有影响)；
几个例子：
p{font-style: normal} /* 0,0,0,1 */
body div p{font-style:italic} /* 0,0,0,3 */(winner)
html > body table tr[id="totals"] td ul > li{color:maroon;} /* 0,0,1,7 */
li#answer {color: navy} /* 0,1,0,1 /* (winner)
题外话：css中 内联样式（直接写在标签中的） > 嵌入样式（写在<head></head>中的） > 外部样式（<link></link>导入的）
三、层叠
后面的样式会覆盖前面的样式
四、总结
内联样式>id>class；
如果特殊性相同,后定义的规则优先；
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· 单线程的Redis速度为什么快？
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码