HTML/CSS基础知识总结二：选择器

CSS选择器

选择器的分类：

• 标签选择器
• 类选择器
• ID选择器
• 子选择器
• 后代选择器
• 通用选择器
• 伪类选择器
• 分组选择器

1.标签选择器

p{font-size:12px;line-height:1.6em;}

对标签进行样式设置

2.类选择器与ID选择器

属性 类选择器 ID选择器 语法 .类选器名称{css样式代码;} <标签 id=”“>#id{} 相同点 可以应用于任何元素 不同点 ID选择器只能在文档中使用一次 可以使用类选择器词列表方法为一个元素同时设置多个样式

4.子选择器与后代选择器

属性 子选择器 后代选择器 语法 .food>li{border:1px solid red;} .first span{color:red;} 总结 >作用于元素的第一代后代 空格作用于元素的所有后代

5.通用选择器

* {color:red;}

匹配html中所有标签元素

6.伪类选择符
允许给html不存在的标签（标签的某种状态）设置样式

a:hover{color:red;}

7.分组选择符
多个标签元素设置同一个样式时，可以使用分组选择符（，）

h1,span{color:red;}