2.1 CSS选择器简介
css选择器命名以及使用规范
- 使用小写英文字母
- 不要和ID选择器同名
- 使用具有语义化的单词命名
- 长名称或词组，使用连字符"-","_"
- 类选择器可以多次使用，ID选择器只能使用一次
CSS选择器可分为基本选择器，组合选择器。在后面的章节中，我们会分别讲解这两种常用的选择器。
一、基本选择器
| 选择器 | 示例 |
|---|---|
| 通用选择器 | *{margin:0;padding:0;} |
| 标签选择器 | p{font-size:16px;} |
| class选择器 | .info{background:#ccc;} |
| ID选择器(只能在页面中使用一次) | #info{background:#ccc;} |
二、组合选择器
| 选择器 | 说明 | 示例 |
|---|---|---|
| 多元素选择器 | 同时匹配所有div,p元素 | div,p{color:#f00;} |
| 后代元素选择器 | 匹配所有属于nav后代的li元素，中间用空格 | #nav li{font-size:16px;} |
| 子元素选择器 | 匹配所有div的子元素span | div>span{background:#ccc;} |
| 相邻元素选择器 | 匹配所有紧随p元素后的同级span元素 | p+span{background:#ccc;} |
你觉得文章内容怎么样