CSS入门（二）：常用选择器

1. 标签选择器

div{
    color:red;
}

<div>内容1</div>

2. 类选择器

.class1{
    color:red;
}

<a class="class1">内容2</a>

3. id选择器

#id1{
    color:red;
}

<span id="id1">内容3</span>

4. 属性选择器

input[type='text']{
    color:red;
}

<input type="text" value="内容4">

注意：属性可以自定义，如下：

.class1[xxx='abc']{
    color:red;
}

<a class="class1" xxx="abc">内容5</a>

5. 后代选择器

div a{
    color:red;
}
div > a{
    color:yellow;
}

<div>
    <a>内容6</a>
    <span>
        <a>内容7</a>
    </span>
</div>

6. 如果样式冲突

（1）选择器嵌套越多越优先；

（2）嵌套层数相同时，会根据css文件中的顺序，较后的样式优先；

（3）如果不想样式被覆盖，加上！important。