理解 CSS
查找与替换
你可以将 CSS 想成是一种查找替换工具:确定你想查找(或用 CSS 术语来说就是匹配)的元素的一个类或一个标签,以及你想用它在做什么,或者想替换什么属性值。
顺序很重要
你定义规则的地点和应用的顺序也很重要。可以在不同地方定义样式,并按下列顺序进行排列,并且列表中下面的定义会覆盖之前的定义:
- 浏览器的默认样式(不同浏览器样式稍有不同)
- 单独文件中的样式表(这是你将在大多数时候使用的)
- HTML 中的样式表(在小型实战项目中可以这么做,但是不理想)
- 一个元素中的内联样式表(虽然也可以做,但应该避免)
越具体越好
“层叠”表示规则不仅适用于它们直接匹配的元素,也适用于这些元素的所有子元素。但是,如果一个子元素有多个重叠的规则,则最具体的规则会生效。