diff --git a/02-CSS/03-CSS样式表和选择器.md b/02-CSS/03-CSS样式表和选择器.md index 1db3cf8..17065dd 100644 --- a/02-CSS/03-CSS样式表和选择器.md +++ b/02-CSS/03-CSS样式表和选择器.md @@ -450,8 +450,6 @@ CSS的选择器分为两大类:基本选择题和扩展选择器。 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“**共性**”,无法描述某一个元素的“个性”。 - - 举例: ```html @@ -497,8 +495,6 @@ p{ (3)选择的所有,而不是一个。 - - ### 2、ID选择器:规定用`#`来定义 针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义。 @@ -527,7 +523,6 @@ id选择器的选择符是“#”。 **一个标签可以被多个css选择器选择:** - 比如,我们可以同时让标签选择器和id选择器作用于同一个标签。如下: ![](http://img.smyhvae.com/20170710_1737.png) @@ -541,7 +536,6 @@ id选择器的选择符是“#”。 一个标签可以被多个css选择器选择,共同作用,这就是“**层叠式**”的第一层含义(第一层含义和第二层含义,放到css基础的第三篇文章里讲)。 - ### 3、类选择器:规定用圆点`.`来定义 、针对**你想要的所有**标签使用。优点:灵活。 @@ -577,8 +571,6 @@ css中用`.`来表示类。举例如下:

我是一个h3啊

``` - - **类选择器使用的举例:** 类选择器的使用,能够决定一个人的css水平。 @@ -661,13 +653,12 @@ css中用`.`来表示类。举例如下: ![](http://img.smyhvae.com/2015-10-03-css-09.png) - ## CSS的几种高级选择器 **高级选择器:** - 后代选择器:用空格隔开 - - 交集选择器:用`.`隔开 + - 交集选择器:选择器之间紧密相连 - 并集选择器(分组选择器):用逗号隔开 - 伪类选择器 @@ -771,7 +762,11 @@ css中用`.`来表示类。举例如下: 在sublime中输入`p.haha`,按tab键后,会生成`

`。 -### 2、交集选择器 +### 2、交集选择器:定义的时候紧密相连 + +定义交集选择器的时候,两个选择器之间紧密相连。一般是以标签名开头,比如`div.haha` 比如`p.special`。 + +如果后一个选择器是类选择器,则写为`div.special`;如果后一个选择器id选择器,则写为`div#special`。 来看下面这张图就明白了: @@ -827,7 +822,6 @@ h3.special.zhongyao{ 上面这种写法,是 IE7 开始兼容的,IE6 不兼容。 -交集选择器,我们一般都是以标签名开头,比如`div.haha` 比如`p.special`。 @@ -848,8 +842,6 @@ p,h1,#mytitle,.one{ ![](http://img.smyhvae.com/2015-10-03-css-10.png) - - ## 一些 CSS3 选择器 > 所有的css3选择器,我们放在HTML5和CSS3课上介绍。暂时先接触一部分。