一.CSS元素选择器:
也叫标记选择器,比如p, h1, em, a,甚至可以是HTML本身。例如:html{color:black;} p{color:red;}
二.CSS类选择器
1.
基本语法格式为:.类名{属性1:属性值1;属性2:属性值2;},类选择器最大的优势是可以为元素对象定义单独或相同的样式。例如:
<h1 class=“important”> The heading is very important.</h1> <p class=“important”>The paragraph is very important.</p>
.important{color:red;}
2.类选择器--多类名
我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选出这些标签,简单理解就是一个标签有多个名字。
多类名的使用方式:1.在标签class属性中写多个类名;2.多个类名中间必须用空格分开;3.这个标签就可以分别具有这些类名的样式
三.CSS的id选择器
id选择器使用“#”进行标识,后面紧跟id名,其基本语法格式为:#id名{属性1:属性值1;属性2:属性值2;},元素的id值是唯一的,例如:#red{color:red;} #green{color:green}
<p id=“red”>这个段落为红色。</p>
<p id=“green”>这个段落为绿色。</p>
四.通配符选择器
通配符选择器用“*”号表示,是所有选择器中作用范围广泛最广的,例如:*{background-color:yellow;}
五.基础选择器总结