本文详细介绍了CSS中各种选择器的使用方法，包括属性选择器如E[attr=value]，属性包含选择器E[attr*=value]，属性开头选择器E[attr^=value]，属性结尾选择器E[attr$=value]，以及兄弟伪类选择器+和~，还有伪元素::before和::after的使用技巧。此外，还讲解了如何为锚点目标元素添加样式以及文本阴影和边框阴影的效果。
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:内阴影--可选,默认是外阴影
扫一扫
2904
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
