E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签。如想查找拥有class属性并且值为Red的li标签 就是严格匹配。
E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签。
E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签。
E[attr$=value]:查找拥有指定的attr属性并且属性值以value开结束的E标签。
兄弟伪类:
+:获取当前元素的相邻的满足条件的元素
~:获取当前元素的满足条件的兄弟元素
E:target:可以为锚点目标元素添加样式,当目标元素被触发为当前锚链接的目标时,调用此伪类样式。
例如:
h2:target{
color: red;
}
伪元素:::before ::after
/*必须添加content属性,否则后期不可见*/
content: "";
/*默认是行级元素,如果想设置宽高,就必须转换为块级元素*/
position: absolute;
通过opacity设置透明度:如果设置父容器,那么父容器中的所有子元素也会透明
文本阴影:text-shadow:offsetX offsetY blur color
边框阴影:box-shadow:h v blur spread color inset
h:水平方向的偏移值
v:垂直方向的偏移值
blur:模糊--可选,默认0
spread:阴影的尺寸,扩展和收缩阴影的大小--可选 默认0
color:颜色--可选,默认黑色
inset:内阴影--可选,默认是外阴影