文章内容

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;}

关于<title>标签
CSS伪类
分享到:

发表评论

评论列表