选择器的种类大体可分为五类:基本选择器、属性选择器、层次选择器、伪类选择器以及伪元素选择器。
基本选择器
- 标签选择器
标签选择器又叫元素选择器,换句话说,文档的元素就是最基本的选择器,使用元素名称直接选中元素即可。
例如:
<style>
p{
height:100px;
width:100px;
background-color:red;
}
</style>
<p>one</p>
<p>two</p>
<p>three</p>
- 类选择器
类选择器以点(.)开头,后面紧跟一个类名。类名不允许有空格,与元素中class属性的值保持一致。一个元素可以有多个class的值,每个值通过空格分开,类名相同的元素属于同一类元素。
例如:
<style>
.first{
font-weight:bold;
}
.done{
text-decoration:line-through;
}
</style>
<ul>
<li class="first done">CSS是个好东西</li>
<li cl