CSS选择器

CSS选择器主要有3种：

• 元素选择器

<style>
    p {
    color: red;
}
</style>

 

• id选择器

id是唯一的，相当于坐标，用于精准定位；可以理解为先定位，再打扮一下

<style>
    #id号唯一 {
    color: red;
}
</style>
...
<p id = "id号唯一">...</p>

 

• class选择器

id一个一个搞太麻烦，同时对多个元素使用相同的CSS样式，可把它们分为一组

class是一个group，我先设计好样式，然后给元素分发这些样式

<style>
    .pre {
    color: red;
}
    .after {
    color: blue;
}
</style>

<p class = "pre">...</p>
<p class = "pre">...</p>
<p class = "after">...</p>
<p class = "after">...</p>

• 更准确的选择：元素名.类名

<style>
    p.red {
    color: red;
}
</style>
<p class = "red">...</p>
<div class = "red">...</div>