fix a typo

This commit is contained in:
qianguyihao 2019-07-28 20:17:15 +08:00
parent 3c74bee015
commit d333f8bf85

View File

@ -450,8 +450,6 @@ CSS的选择器分为两大类基本选择题和扩展选择器。
标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“**共性**”,无法描述某一个元素的“个性”。 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“**共性**”,无法描述某一个元素的“个性”。
举例: 举例:
```html ```html
@ -497,8 +495,6 @@ p{
3选择的所有而不是一个。 3选择的所有而不是一个。
### 2、ID选择器规定用`#`来定义 ### 2、ID选择器规定用`#`来定义
针对某一个特定的标签来使用只能使用一次。css中的ID选择器以”#”来定义。 针对某一个特定的标签来使用只能使用一次。css中的ID选择器以”#”来定义。
@ -527,7 +523,6 @@ id选择器的选择符是“#”。
**一个标签可以被多个css选择器选择** **一个标签可以被多个css选择器选择**
比如我们可以同时让标签选择器和id选择器作用于同一个标签。如下 比如我们可以同时让标签选择器和id选择器作用于同一个标签。如下
![](http://img.smyhvae.com/20170710_1737.png) ![](http://img.smyhvae.com/20170710_1737.png)
@ -541,7 +536,6 @@ id选择器的选择符是“#”。
一个标签可以被多个css选择器选择共同作用这就是“**层叠式**”的第一层含义第一层含义和第二层含义放到css基础的第三篇文章里讲 一个标签可以被多个css选择器选择共同作用这就是“**层叠式**”的第一层含义第一层含义和第二层含义放到css基础的第三篇文章里讲
### 3、类选择器规定用圆点`.`来定义 ### 3、类选择器规定用圆点`.`来定义
、针对**你想要的所有**标签使用。优点:灵活。 、针对**你想要的所有**标签使用。优点:灵活。
@ -577,8 +571,6 @@ css中用`.`来表示类。举例如下:
<h3 class="teshu" class="zhongyao">我是一个h3啊</h3> <h3 class="teshu" class="zhongyao">我是一个h3啊</h3>
``` ```
**类选择器使用的举例:** **类选择器使用的举例:**
类选择器的使用能够决定一个人的css水平。 类选择器的使用能够决定一个人的css水平。
@ -661,13 +653,12 @@ css中用`.`来表示类。举例如下:
![](http://img.smyhvae.com/2015-10-03-css-09.png) ![](http://img.smyhvae.com/2015-10-03-css-09.png)
## CSS的几种高级选择器 ## CSS的几种高级选择器
**高级选择器:** **高级选择器:**
- 后代选择器:用空格隔开 - 后代选择器:用空格隔开
- 交集选择器:用`.`隔开 - 交集选择器:选择器之间紧密相连
- 并集选择器(分组选择器):用逗号隔开 - 并集选择器(分组选择器):用逗号隔开
- 伪类选择器 - 伪类选择器
@ -771,7 +762,11 @@ css中用`.`来表示类。举例如下:
在sublime中输入`p.haha`按tab键后会生成`<p class="haha"></p>`。 在sublime中输入`p.haha`按tab键后会生成`<p class="haha"></p>`。
### 2、交集选择器 ### 2、交集选择器定义的时候紧密相连
定义交集选择器的时候,两个选择器之间紧密相连。一般是以标签名开头,比如`div.haha` 比如`p.special`。
如果后一个选择器是类选择器,则写为`div.special`如果后一个选择器id选择器则写为`div#special`。
来看下面这张图就明白了: 来看下面这张图就明白了:
@ -827,7 +822,6 @@ h3.special.zhongyao{
上面这种写法,是 IE7 开始兼容的IE6 不兼容。 上面这种写法,是 IE7 开始兼容的IE6 不兼容。
交集选择器,我们一般都是以标签名开头,比如`div.haha` 比如`p.special`。
@ -848,8 +842,6 @@ p,h1,#mytitle,.one{
![](http://img.smyhvae.com/2015-10-03-css-10.png) ![](http://img.smyhvae.com/2015-10-03-css-10.png)
## 一些 CSS3 选择器 ## 一些 CSS3 选择器
> 所有的css3选择器我们放在HTML5和CSS3课上介绍。暂时先接触一部分。 > 所有的css3选择器我们放在HTML5和CSS3课上介绍。暂时先接触一部分。