【CSS】——三大基础选择器以及优先级

前提

　　小编最近在学习前端的一些内容，想要做出用户体验度高的界面，CSS是我们必须要学习的一门编程语言。

何为CSS？

　　CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

为什么有CSS选择器？

　　要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

CSS选择器又什么？

　　每一条css都是有两部分组成：[code]选择器{样式}[/code]，选择器就是代表{}中样式作用的对象，也就是这些样式作用于哪些元素。

---

　　关于CSS的选择器有很多种，根据百度百科描述大概有十二种，不用担心种类太多不容易学习。其实基础的选择器就仅仅三种而已，其余的都是在这个基础上扩展而来。所以小编本次主要讲解三种基本选择器——标签名选择器、类别选择器、ID选择器。

基本选择器语法

//标签名选择器——在css中有很多标签，类似有p，h1，h2等等之类。直接用HTML标签表示就可以了。

p{ 样式; }

//类别选择器——根据类名class来选择样式前面用“.”来标识
.democlass{
    样式;
}
内容>
//ID选择器——标有特定 ID 的 HTML 元素指定特定的样式。 根据元素ID来选择元素，具有唯一性，这意味着同一id在同一文档页面中只能出现一次，高度的唯一性。前面用“#”来表示
#demoId{
    样式;
}
内容</div>

---

选择器的优先级

先看个简单例子