10025---CSS 组合选择符
来源:互联网 发布:易云软件 编辑:程序博客网 时间:2024/05/20 12:52
CSS 组合选择符
CSS组合选择符包括各种简单选择符的组合方式。
在 CSS3 中包含了四种组合方式:
- 后代选取器(以空格分隔)
- 子元素选择器(以大于号分隔)
- 相邻兄弟选择器(以加号分隔)
- 普通兄弟选择器(以破折号分隔)
后代选取器
后代选取器匹配所有值得元素的后代元素。
以下实例选取所有 <p> 元素插入到 <div> 元素中:
div p{background-color:yellow;}
子元素选择器
与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。
以下实例选择了<div>元素中所有直接子元素 <p> :
div>p{background-color:yellow;}
相邻兄弟选择器
相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。
以下实例选取了所有位于 <div> 元素后的第一个 <p> 元素:
div+p{background-color:yellow;}
普通相邻兄弟选择器
普通兄弟选择器选取所有指定元素的相邻兄弟元素。
以下实例选取了所有 <div> 元素的所有相邻兄弟元素 <p> :
div~p{background-color:yellow;}
0 0
- 10025---CSS 组合选择符
- CSS 组合选择符
- CSS-组合选择符
- CSS 组合选择符
- css学习笔记——CSS 组合选择符
- web前端-CSS 组合选择符 -021
- 组合选择符
- css组合符
- CSS基础:CSS选择符
- css学习笔记20160128对齐组合选择符伪类伪元素
- CSS的选择符
- CSS的选择符
- css选择符
- CSS选择符
- JQuery CSS 选择符
- css之选择符
- CSS选择符详解
- CSS选择符详解
- Android官方文档翻译 十八 4.2Pausing and Resuming an Activity
- Hdfs增量导入小文件合并的思路
- 四级Over
- 设计模式(五):装饰模式(Decorator)
- 使用phpMyAdmin管理MySQL数据库
- 10025---CSS 组合选择符
- [Java学习] Java 读取汉字全拼简写
- 期末总结
- Windows下PATH等环境变量详解
- eclipse打jar包步骤
- MongoDB使用小结:一些不常见的经验分享
- 2硬件连接借口
- Apple的示例SpeakHere不能运行解决
- ubuntu 15.10 安装Wine1.7 解决依赖