fix a typo
This commit is contained in:
parent
3c74bee015
commit
d333f8bf85
@ -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课上介绍。暂时先接触一部分。
|
||||||
|
Loading…
Reference in New Issue
Block a user