记忆方法很好记，只需记 并置要按顺序、#带以逗号分隔 即可，其它与正则及 TypeScript ( ! 、? ) 相同

    符号 名称 描述 示例
    组合符号
    并置 各部分必须出现且按顺序出现 solid
    && 与 各部分必须出现，但可以不按顺序 &&
    || 或 各部分至少出现一个，可以不按顺序 <’border-image-outset’> || <’border-image-slice’>
    | 互斥 各部分恰好出现一个 smaller | small | normal | big | bigger
    [] 方括号 将数个基本元素组成一个整体，强调优先级 bold [ thin && ]
    数量符号
    无数量符号 恰好一次 solid
    * 星号 零次、一次或多次 bold smaller*
    + 加号 一次或多次 bold smaller+
    ? 问号 零次或一次（即可选） bold smaller?
    {A,B} 大括号 至少 A 次，至多 B 次 bold smaller{1, 3}
    # 井号 一次或多次，但多次出现必须以逗号分隔 bold smaller#
    ! 叹号 组必须产生一个值
    即使组内项目的语法允许省略全部的值，也至少要保留一个值    		 [ bold? smaller? ]!

    如 translate 的语法

    1. none | <length-percentage> [ <length-percentage> <length>? ]?
    2. where 
    3. <length-percentage> = <length> | <percentage>

    解释下来的语法就是
    none

    translate: none;

    translate: 100px; translate: 50%;

    [ ? ]?

    translate: 100px 200px; translate: 50% 105px;

    [ ? ]?

    translate: 50% 105px 5rem;