CSS·精华知识总结

CSS 选择器

在 HTML 和 CSS 的世界里，选择器（Selectors） 是连接结构与样式的桥梁。它们决定了 CSS 规则将作用于页面上的哪些元素。

优先级等级	选择器类型	权重表示法	简单分值 (参考)	匹配示例
最高	!important	∞	直接生效	color: red !important;
第一级	行内样式 (Inline)	(1, 0, 0, 0)	1000	<div style="color: red;">
第二级	ID 选择器	(0, 1, 0, 0)	100	#main-header, #user_profile
第三级	类、伪类、属性	(0, 0, 1, 0)	10	.nav, :hover, [type="text"]
第四级	元素、伪元素	(0, 0, 0, 1)	1	div, p, header, ::after
最低	通配符、组合符	(0, 0, 0, 0)	0	*, >, +, ~

warning

!important 是特例：它会打破所有规则。除非是修复紧急 Bug 或覆盖无法修改的第三方样式，否则严禁在日常开发中使用它，因为它会破坏 CSS 的可维护性。