类选择符
应用样式而不关心所涉及的元素,最常使用类选择符;使用之前,首先需要在元素中设置class属性;
类选择符直接使用元素上的class属性,而且前面始终有个点符号(.)表明这是个类选择符,区别于其他选择符,并可以与其他选择符一起使用;
class属性可以是多个词,词之间以空格隔开,词的顺序不影响显示结果;
把多个类选择符串在一起,选择的是同时具有多个类名的元素,而且对类名的顺序没有要求;
<p class="aaa bbb">hello</p> .aaa.bbb { font:12px} #还可以与元素选择符一起使用 p.aaa.bbb {font:12px}
ID选择符
ID选择符与类选择符类似,除了ID选择符的开头是个井号(#),而且不能串在一起使用;其他都类似;
一般的,一个HTML文档中一个ID只能被使用一次;
使用示例:
<p id="Ccc">world</p>
#Ccc {color:red}
需要注意的是:类和ID的值是区分大小写的;