总览
1.id选择器:对单个标签生效
2.class选择器:对选中的组标签生效
3.通配选择器:对所有标签生效.
一、id选择器(不推荐)
1.HTML代码:
2.CSS代码(id值前要添加 #):
3.显示效果:
二、class选择器(推荐!)
0.推荐理由:
id选择器能做的,class选择器也能做。class选择器可以选中一行或多行 HTML 标签进行样式调整!
案例一:选中一个标签
1.HTML代码:
2.CSS代码(class值前要添加 .)
3.显示效果:
案例二:选中多个标签
1.HTML代码:
2.CSS代码:同案例一
3.显示效果:
案例三:多个class标签同时修饰 一个或多个标签
1.HTML代码:
2.CSS代码:
3.显示效果:
三、通配选择器(不常用)
1.功能:将页面中所有标签全部都设置成一个设定(如颜色或字体)
2.HTML代码:
3.CSS代码:
4.显示效果: