| css选择器右6种，html选择符，类选择符，ID选择符，关联选择符，组合选择符，伪元素选择符 ①html选择符：
html选择符使用html标签，改变指定标签的样式，任何的html标记都可以是个css选择符，只要带有相同标记的html标记全部改变
用于相同html标记相同样式
语法结构：
html标记{
属性：值；
}
例： <head>
<style>
p{
font-size:1cm;
color:red;
}
</style>
</head>
<head>
<style>
*{
font-size:1cm;
color:red;
}
</style>
</head>
*代表所有html标记
②ID选择
在body中html标记中设置ID属性，并命名ID的名字，在一个页面中ID的名字不能相同，只能唯一，然后在<style></style>样式中，以#开头加ID的名字，来寻找body体内的ID
这个标签只能在这个页面只在这个id名称上使用，ID优先级高于html优先级，同时命名一个标签时，优先选择ID
语法结构：
#id名称{
属性名：属性值；
}
例： <head>
<style>
#hh{
font-size:1cm;
color:red;
}
</style>
<body>
<div id="hh"></div>
</body>
</head>
③类选择符
在body体内标记写入class=“”类名，在头部使用标记名.类名给同一个类名改变属性，如果只有.类名给所有表集中类名相同是改变属性，body体内类名可以右多个用空格隔开
给定部分选中的标签改样式
语法结构：
标记名.类名{
属性名：属性值；
}
改变同一标记内，相同类名的属性 .类名{
属性名：属性值；
}
改变所有标记内，相同类名的属性
例：
<head>
<style>
p.zz{
font-size:1cm;
color:red;
}
</style>
</head>
<head>
<style>
.zz{
font-size:1cm;
color:red;
}
</style>
</head>
④关联选择器
包含选择器，只对元素1里的元素2进行定义，对单独元素1，元素2不定义
用于包含元素定义，但不不定义，两个选择符中间空格隔开
语法结构：
选择符1 选择符2{
属性：值；
}
例：
<head>
<style>
div p{
font-size:1cm;
color:red;
}
</style>
</head>
⑤组合选择符
把需要有相同属性和值的选择符组合起来，用逗号隔开，用于相同属性组合起来，其中包括类名，ID名，html标签名，不分种类，全部可以组合
语法结构：
选择符1，选择符1，选择符3
{
属性名：属性值；
}
例：
<head>
<style>
div，p，#hh，.zz，div p{
font-size:1cm;
color:red;
}
</style>
</head>
⑥伪元素选择器
对于html元素的不同状态一种定义方式，包括正常状态，访问状态，选中状态，光标一道超链接状态。
css2中只有<a><p>有伪元素
语法结构：
标签：伪元素
{
属性名：属性值；
}
a：link 未访问链接
a：visited 已访问链接
a：hover 鼠标在连接上
a：active 激活链接
p：first-letter 第一个字
p：first-line 第一行
a：hover 必须在a：link和a：visited之后，才有效，a:active必须在a：hover之后才有效
例：
<head>
<style>
a:hover{
font-size:1cm;
color:red;
}
</style>
</head>
| 
200
非常没帮助
没帮助
一般
有帮助
非常有帮助
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
