2.4类选择器
3.类选择器——多类名
为一个标签指定多个类名,从而达到更多选择目的。简单理解:一个标签有多个名字。
1)多类名使用方式
如: <div class="red font20">亚瑟</div>
注意:在标签class中可写多个类名,如red,font为两个类名
多个类名中间必须用空格分开
该标签可以分别具有这些类名的样式
2)多类名使用场景
可以把一些标签元素相同的样式(共同部分)放到一个类里面
这些标签都可以调用公共的类,再调用自己独有的类
可节省代码,且修改方便
2.5 id选择器
可以为标有特定id的HTML元素制定特定的样式。
HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。
2.语法
#id名{
属性1:属性值1;
……
}
如:
#pink{
color: pink:
}
<div id= "pink">XX<div>
注意,在H5中:<a href= "跳转目标">文本或图像</a>,为锚点链接
如:<a href="#two">第二季</a> (设置属性)
<h3 id="two">第二季介绍 </h3> (找到目标位置标签,里面添加id属性)
注意:id属性只能在每个HTML文档中出现一次,即只能有一个标签调用id
口诀:样式#定义,结构id调用,只能调用一次,别人(其他的标签)切勿使用。