文章内容
2016/12/29 13:18:36,作 者: 黄兵
CSS的几种选择符
1、子选择符>
标签1 > 标签2
标签2 必须是标签1 的子元素,或者反过来说,标签1 必须是标签2 的父元素。与常
规的上下文选择符不同,这个选择符中的标签1 不能是标签2 的父元素之外的其他
祖先元素。
section > h2 {font-style:italic;}
2、一般同胞选择符~
标签1 ~ 标签2
标签2 必须跟(不一定紧跟)在其同胞标签1 后面。
用Shift+1 键左侧的键输入字符~(波浪号)。
h2 ~ a {color:red;}
3、通用选择符*
* (按Shift+8)
通用选择符*(常被称为星号选择符)是一个通配符,它匹配任何元素,因此下面这条规则
* {color:green;}
会导致所有元素(的文本和边框)都变成绿色。不过,一般在使用*选择符时,都会同时使用另一个选择符,比如:
p * {color:red;}
这样只会把p 包含的所有元素的文本变成红色。
这个选择符有一个非常有意思的用法,即用它构成非子选择符,比如:
section * a {font-size:1.3em;}
评论列表