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

我们通常看到一个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次,至多Bbold smaller{1,3}
#井号一次或多次,但多次出现必须以逗号分隔bold smaller#