伪元素

::first-letter (第一个文字）

::first-line (第一行文字)

::selection (选中文字效果)

::before (开始) ,content(添加内容) /* 开头前有空白域使用conte */

/* 最后面有个空白域使用content给结尾添加内容 */ ::after(结尾) ,content(添加内容)

选择器的优先级

花括号里面，最下面的显示(生效)
权重相同时,后面的会覆盖前面的（后来居上）

    <ul  >
        <!-- 行内 权重1000 -->
        <li id="wop2" class="wop1" style="background-color: cornflowerblue;">aa</li>
        <li id="wop2" class="wop1">bb</li>
        <li  id="wop2"class="wop1">cc</li>
        <li id="wop2" class="wop1">得到</li>
    </ul>

1: !important (权重正无穷)

    background-color: deeppink !important; 
}

2: 行内式 (权重1000)（行内的在上面）

3: id 选择器 (权重100)

    background-color: chocolate;
}

4: class选择器 (权重10)

    background-color: chartreuse;
}

5: p (标签选择器) (权重1)

    background-color: brown;
}

6: *(通配符) (权重0)

    background-color: blueviolet;
}

1大，6为小

单位

px:固定单位

% ：动态像素，部分是基于父元素的百分比

颜色

一颜色英文名（也称十六进制颜色）：指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

p { background-color:#ff0000; }

二RGB

RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。： rgb( 0, 0 , 0,)
p { background-color:rgb(255,0,0); }

三RGBA ： rgba(红0~~255 , 绿0~~255 , 蓝0~255 ,透明度) ;

p { background-color:rgba(255,0,0,0.3); }

四HSL颜色 ;HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示。

HSL颜色值指定：HSL（色调，饱和度，明度）（不常用）:

p { background-color:hsl(120,65%,75%); }

五HSLA颜色 ；指定HSLA颜色值：HSLA（色调，饱和度，亮度，透明度） (不常用) :

p { background-color:hsla(120,65%,75%,0.3); }

其他单位

em (默认父元素的字体大小)若祖先元素定义有字体大小则继承样式，没有定义则默认16px

rem (随根字体大小变化)基于根元素字体大小变化

2022-07-15/html/伪元素/选择器的优先级/单位

伪元素

选择器的优先级

单位

颜色

其他单位