不同选择器的语法
1、id选择器
任何的标签都可以有id值，但是在同一个html文件当中，id的值是唯一的，所以说我们可以使用id值来定位到对应的元素。
语法：#id的名字{属性1:值1;属性2:值2;属性3:值3;...属性n:值n;
}2、标签选择器
只要是改标签，就会有对应的效果
语法：标签名{属性1:值1;属性2:值2;属性3:值3;...属性n:值n;
}3、类选择器
只要是在该分组当中，就会有该分组当中设定的效果
语法：.类名{}代码练习：
id选择器
你
hao
test
4、派生选择器(后代选择器)
比如说：给div当中的p标签的文字变为red
/* div p{} 可以理解为div当中的p标签 */div p{color: aqua;}代码练习：
派生选择器(后代选择器) test01
test02
test03
test04
5、子选择器
子选择器：代表的就是直接的孩子
/* 父亲 > 孩子 */
/* div > p{color:red;} *//* div的孩子p设置为red*/
子选择器 test01
test02
test03
test04
6、通用选择器
/* * {
color: aqua;
} */
/* 当前页面中的所有的文字颜 色都相同 */
div *{
color: rebeccapurple;
}
通用选择器 test01
test02
test03
test04
你好
中国
7、群组选择器
/**
* 需求：
* input、h2、span的文字
* color：red
*/
input,span,h2{color: chartreuse;}
群组选择器 test01
test02
test03
test04
zhongguo
8、相邻选择器
p+h1{
background-color: aqua;
}
/* 代表的是和p标签相邻的h1标签 */
对h1起作用，对p不起作用
相邻选择器 你好
我爱你
他
ni1
大家
9、属性选择器
[属性] 也可以包含属性值
[name]{
background-color: aquamarine;
}
或者
/* [type="text"]{
color: red;
} */
属性选择器
上一篇：《热辣滚烫》本土化太成功，贾玲不仅赢了日本原版，还打脸了韩圈 热辣滚烫贾玲剧透 热辣滚烫贾玲出场
下一篇：太强了！赖斯本场数据：1射2传，预期进球0.03个，获评9.4分 赖斯三分球大赛 赖斯第97分钟读秒头球绝杀现场