css是现代网页设计不可或缺的一部分。你可以很好的掌握CSS基础，但理解选择器的优先级规则非常重要。这篇文章将会帮助你深入地理解CSS选择器的优先级规则。

1. 优先级的定义

当多个CSS样式使用相同的选择器指向同一元素时，就需要浏览器判读哪个样式最正确，而这种评估的规则，就是优先级。

2. 权重定义

每个选择器都有特定的权重，它在优先级计算式中占据一个数字。 不同的选择器的权重加在一起就是总权重。权重由三个因素组成:元素(0,0,0)，类(0,0,1)，标签(0,1,0)，内联(1,0,0)。 权重指令的计算是从左往右的，即div p#myid是0,1,1，而#myid p是0,1,0。

3. ID 选择器权重

ID选择器是 CSS 中最具体的选择器，因为它们只指向一个元素。 因此，它们的权重为 1,0,0。

4. 类选择器权重

类选择器指向相同类型的多个元素。 如果一个制度使用一个ID选择器和另外一个使用一个类选择器，那么ID选择器将覆盖类选择器。 类选择器的权重是 0,1,0。

5. 标签选择器权重

标签选择器指向页面上特定的 html 标签。如果一个CSS规则中没有包含ID选择器和类选择器，那么标签选择器是最不具体的选择器，也是应用程序中最多的选择器。它们的权重是 0,0,1。

6. 继承样式的权重

当没有手动应用样式到元素时，浏览器将应用继承自父元素的样式。 这种样式的优先级最低，甚至比标签选择器的优先级都低。 它们的权重是 0,0,0。

7. 选择器优先级示例

下面是一些例子来帮助你理解选择器优先级：

a. 选择器 "#myid" 的权重是 1,0,0。

b. 选择器 ".myclass" 的权重是 0,1,0。

c. 选择器 "div" 的权重是 0,0,1。

d. 选择器 "div p" 的权重是 0,1,1。

e. 选择器 "#myid .myclass div p" 的权重是 1,1,2。

综上所述，以上的优先级规则将有助于您更深入地理解CSS选择器的优先级，并能够根据需要正确应用规则。

CSS样式表的三种引入方式

作为网页设计中的一项关键技术，CSS样式表的引入方法有三种。

1. 内联样式

内联样式就是将样式直接写在 HTML 元素上。它是最不常见的引入方法，但是有时候非常有用。 内联样式可以在 HTML 中内嵌样式，增加样式表的可维护性和代码的可读性，但是并不推荐在 HTML 元素上定义大量样式。

例如：

2. 内部样式表

HTML标记允许引入CSS样式的一种标准方式，使用内部样式表的方法是将样式写在HTML页面的标签中，介于

欢迎来到我的页面

这是我的页面

3. 外部样式表

最常用的引入方法是使用外部样式表。 外部样式表是一个独立的 CSS 文件，然后链接到HTML页面中。这种方式可以让多个 HTML 页面链接到相同的 CSS 文件，从而减少 CSS 代码的重复，并提高页面加载速度。

例如：

总结

CSS选择器权重是根据选择器的类型计算出的。ID 选择器权重和类选择器权重的约束作用都比标签选择器权重更强。内联样式表和内部样式表只能应用于单个 HTML 页面，因此最常用的方法是使用外部样式表。无论选择哪种样式表引入方式，都必须权衡可维护性，代码可读性和页面性能的平衡。