css样式表有哪些种类？选择器优先级是什么？

css样式表有3种：行内样式表、内部样式表和外部样式表。选择器优先级为：“通用选择器>元素选择器>类选择器>属性选择器>伪类>ID 选择器>行内样式”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css样式表有哪些种类？

按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为以下三大类：

1、行内样式表

行内样式就是把 CSS 样式直接放在代码行内的标签中，一般都是放入标签的style属性中，由于行内样式直接插入标签中，故是最直接的一种方式，同时也是修改最不方便的样式。

例：

<p style="background-color: #999900">行内元素，控制段落-1</p>

2、内部样式表

内部样式表包含在 <style> 标签内，一个 <style> 标签就表示一个内部样式表。

如果一个网页文档中包含多个 <style> 标签，就表示该文档包含了多个内部样式表。

例：

<style>
div {
color: blue;
font-size: 16px;
}
</style>

CSS 优先级法则： A 选择器都有一个权值，权值越大越优先； B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置； C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式； D 继承的CSS 样式不如后来指定的CSS 样式； E 在同一组属性设置中标有“!important”规则的优先级最大；示例如下：https://c.runoob测试数据/codedemo/3049
结果：在Firefox 下显示为蓝色；在IE 6 下显示为红色；

这里引入一张流行的CSS权重关系图：

（学习视频分享：css视频教程）

以上就是css样式表有哪些种类？选择器优先级是什么？的详细内容！

查看更多关于css样式表有哪些种类？选择器优先级是什么？的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did65957