回顾CSS中的常见的基本选择器

1.通配符选择器: 选择所有元素,也可以选择某个元素下的所有元素

2.元素选择器: 其实就是文档的元素。如html、body、div等等,是CSS选择器中最常见且最基本的选择器

3.类选择器: 以一独立于文档元素的方式来指定样式,使用之前需要在html元素上定义类名

4.ID选择器: 和类选择器很相似,使用之前同样需要先在html文档中加注ID名称,不同的一点是 ID选择器是一个页面中唯一的值

5.后代选择器: 又称包含选择器,可以选择某元素的后代元素,它们之间需要用一个空格隔开,如A B,这里的B不只是A的子元素,也可以是孙元素或更深层次的关系

6.子元素选择器: 子元素选择器(又称直接后代选择器) 只能选择某元素的子元素
语法格式: 父元素>子元素(Father>Children)
兼容性: IE8+、FileFox、Chrome、Safari、Opera

7.相邻兄弟元素选择器: 相邻兄弟选择器可以选择紧接在另一元素的元素,而且他们具有一个相同的父元素
语法格式:元素+兄弟相邻元素(Element + Sibling)
兼容性:IE8+、FireFox、Chrome、Safari、Opera

8. 通用兄弟选择器: 选择某元素后面所有兄弟元素,而且他们具有一个相同的父元素
语法格式:元素后面所有兄弟相邻元素(Element~Siblings)
兼容性:IE8+、FireFox、Chrome、Safari、Opera

9. 群组选择器: 把具有相同样式的元素分组放在一起,每个选择器之间用逗号","隔开
语法格式:元素1,元素2,…,元素n(Element1,Element2,…,Element n)
兼容性: IE6+、FireFox、Chrome、Safari、Opera

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值