HTML 和Css

CSS 的顶层样式表由两种规则组成的规则列表构成，分别是at-rule、qualified-rule
at-rule 由一个 @ 关键字和后续的一个区块组成，如果没有区块，则以分号结束；使用频率很少
qualified rule 则是指普通的 CSS 规则

at-rule:

• @charset : @charset “utf-8”;
• @import: 用于引入一个 CSS 文件
• @media
• @page
• @counter-style
• @keyframes
• @fontface
• @supports
• @namespace

qualified rule:

• 选择器
• 声明列表
  • 属性
  • 值
    • 值的类型
    • 函数

选择器

我们从语法结构可以看出，任何选择器，都是由几个符号结构连接的：空格、大于号、加号、波浪线、双竖线，这里需要注意一下，空格，即为后代选择器的优先级较低。

CSS 支持一批特定的计算型函数：

• calc()
• max()
• min()
• clamp() 在范围内取值，超出则使用范围内最大值或者最小值
• toggle() 会在几个值之间循环出现
• attr()

我们把选择器的结构分一下类，那么由简单到复杂可以分成以下几种。

• 简单选择器：针对某一特征判断是否选中元素。
• 复合选择器：连续写在一起的简单选择器，针对元素自身特征选择单个元素。
• 复杂选择器：由“（空格）”“ >”“ ~”“ +”“ ||”等符号连接的复合选择器，根据父元素或者前序元素检查单个元素。
• 选择器列表：由逗号分隔的复杂选择器，表示“或”的关系。