CSS选择器——通配选择器、层次选择器、属性选择器、伪类选择器

通配选择器*{}:

会为所有的标签添加样式,慎用。

使用场景:

去掉所有标签的默认样式

层次选择器:

后代:M  N{ };

父子:M>N{ };

兄弟:M ~N{ };表示M元素后所有同级的N元素都选择。

相邻:M+N;表示M元素后紧挨着的N元素,是单个的。

分组:M,N{};表示M和N元素都被选中。

属性选择器:

M[attr] {};

M[attr=value] {};=表示属性值完全匹配value值。

M[attr+=value];+表示attr属性的值部分匹配value值。

M[attr^=value];^表示arrt属性的属性值起始匹配value值。

M[attr$=value];$表示attr属性的属性值结束匹配value值。

M[attr1][attr2]:选择有attr1和attr2的元素,组合匹配。

伪类选择器:

:link:访问前的样式。

:visited:访问后的样式。

:hover:鼠标移入时的样式。

:actvied:鼠标按下时的样式。

注:

  1. 1.link和visted伪类都只能添加给a标签;hover和actived伪类可以添加给所有的标签。
  2. 如果四个伪类都生效,一定要注意顺序,即LVHA。
  3. 一般网站都只设置: a{} a:hover{}。

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值