理解CSS中的三种选择器>+~
2014-09-19 10:32
597 查看
1、
之前很少用到这三种选择器,不过适当使用,真的方便不少。。。
估计理解为~ 就是兄弟咯,且是有父亲的。
> 这个最好理解,父亲的年龄总是大于孩子的,自然就是子包含选择器。
+ 相邻兄弟选择器,自然,要两个兄弟(元素)才会确定选择的那个元素,选择F元素,必须是E元素就是它德 相邻位置。
p~ul | p和ul有相同的父元素,选择出p元素之后的所有ul元素,其中,p和ul不一定是紧随,但是必须有相同的父元素 |
E+F | 相邻兄弟选择器。选择匹配F的元素,且该元素位于所匹配元素E的后面相邻的位置 |
E>F | 子包含选择器。F为子元素,E为F的父元素 |
估计理解为~ 就是兄弟咯,且是有父亲的。
> 这个最好理解,父亲的年龄总是大于孩子的,自然就是子包含选择器。
+ 相邻兄弟选择器,自然,要两个兄弟(元素)才会确定选择的那个元素,选择F元素,必须是E元素就是它德 相邻位置。
相关文章推荐
- CSS三种扩展选择器
- [div+css培训] a链接标记的三种方式使用我的个人理解
- CSS中ID选择器只能用一次的理解
- css三种选择器
- CSS三种创建和六种选择器
- CSS相邻选择器(>)选择子元素而不包含该子元素的子元素,及如何让DIV中的内容垂直居中
- css基本选择器,id选择器,class选择器,标签选择器,*通配符选择器,逗号 空格 + >
- html及css学习笔记_13_css三种选择器(selector)
- 深入理解CSS中选择器的逻辑处理
- CSS(4)__CSS基本用法<三种定位>
- 黑马程序员_CSS三种扩展选择器
- html中css三种常见的样式选择器
- html中css三种常见的样式选择器
- css三种样式引入方法,html链接,html中<table>的使用方法
- CSS的三种选择器
- 解决<fx:Style>样式设置中报错 必须使用命名空间限定 CSS 选择器“Alert”中的类型“Alert”
- html中css三种常见的样式选择器 zz
- HTML 中CSS三种常见的样式选择器
- HTML/CSS: 浅谈<a>标签及伪类选择器
- 腾讯前端十天小白训练营<DAY 3>---css引入方式、选择器&权重