概述:
- CSS全称Cascading Style Sheet,层叠样式表。
- 样式定义如何显示 HTML 元素。
- 外部样式表通常存储在 CSS 文件中。
- 多个样式定义可层叠为一。
- 浏览器从左往右解析选择器,用以加快浏览器的解析速度。
基本规则:
级联:
- 级联是浏览器决定应用哪一种样式的方法,它根据选择器的特指度以及规则集的出现次序起作用。
- 特指度(权重)是CSS选择器识别元素的精确性。为选取元素,需要计算特指度(a,b,c,d)。
(1)如果用style属性应用样式,则a=1,否则a=0。
(2)b为ID选择器的数量。
(3)c为类选择器、属性选择器和伪类选择器。
(4)d为类型选择器和伪元素的数量。
- 规则集顺序是一个CSS规则集在样式表中的位置,如果两个声明块中的选择器特指度相同,且它们为同一元素的某个属性应用样式,那么在样式表中处于相对靠后位置的声明块中的属性的优先级较高。
- style属性的行内样式优先,否则特指度和规则集顺序决定什么元素应用什么样式。
- !important声明可以覆盖级联样式。
选择器分类:
- 元素选择器:a{ }
- 伪元素选择器: ::before{ }
- 类选择器:.link{ }
- 属性选择器:[type=radio]{ }
- 伪类选择器::hover{ }
- ID选择器:#id{ }
- 组合选择器:[type=checkbox] + label{ }
- 否定选择器:not(.link){ }
- 通用选择器:*{ }
内容来源于网络如有侵权请私信删除
- 还没有人评论,欢迎说说您的想法!