H5中attr属性的使用,伪元素,阴影

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:内阴影--可选,默认是外阴影

猜你喜欢

转载自blog.csdn.net/weixin_38055381/article/details/82842304