css选择器整理

3.5结构选择器

(1)后代选择器:可以选择一个元素的 后代元素,这个后代元素包括儿子、孙子......

写法:

.content a{

font-size:30px

}

(2)子元素选择器:通过某一个元素选中的直接后代

E>F

3.6并选择器

将相同的样式放在一起,;类名直接用英语逗号分隔

3.7通配符选择器

通配符选择器可以选中页面所有的标签

*{

}

注意:通配符选择器对页面上所有的元素都会设置对应的样式,而实际上,有很多元素默认是不带任何样式的。

3.8兄弟选择器

(1)E+F:选中最近(后面)的一个“弟弟”元素。不选中自己

(2)E~F:选中所有(后面)的“弟弟”元素,不选中自己

3.9伪类、伪元素选择器

伪类选择器:

1)根据元素不同的状态,自动选择不同的样式

2)直接添加一class,给这个class设定特殊的样式

a:hover:鼠标划过时添加的样式

a:active:被激活的时候添加样式,点击那一时刻(按住鼠标左键不放)

a:link:链接地址未被访问时候添加的状态,如下必须设置herf属性

a:visited:链接地址点击之后添加颜色

伪元素选择器:

1)需要设置特殊效果的内容放到一个元素(标签)里面span

2)再添加一个class,对class设置特殊样式

 

 

 

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值