CSS属性值定义语法中的符号说名

时间:2021-09-28 03:17:29

我们通常看到一个CSS语法,总是有很多符号在其中,这些符号是什么鬼呢,且看下面道来

这些符号可以大致分为2类:分组类与数量类。

1、分组类,就是分成一堆一堆啦:

符号 名称 描述 示例
  并置 各部分必须出现且按顺序出现 solid <length>
&& “与”组合符 各部分必须出现,但可以不按顺序 <length> && <string>
|| “或”组合符 各部分至少出现一个,可以不按顺序 <'border-image-outset'> || <'border-image-slice'>
| “互斥”组合符 各部分恰好出现一个 smaller | small | normal | big | bigger
[ ] 方括号 强调优先级 bold [ thin && <length> ]

2、数量类,定义前面元素出现的次数

符号 名称 描述 示例
  无数量符号 恰好一次 solid
* 星号 零次、一次或多次 bold smaller*
+ 加号 一次或多次 bold smaller+
? 问号 零次或一次(即可选) bold smaller?
{A,B} 大括号 至少A次,至多B bold smaller{1,3}
# 井号 一次或多次,但多次出现必须以逗号分隔 bold smaller#