我们通常看到一个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# |