概述:

  • 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){ }
  • 通用选择器:*{ }

 

 


 

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!