别插队啊 - 选择器的优先级，初识HTML(5)+CSS(3)-升级版教程-慕课网

9-2 别插队啊 - 选择器的优先级

本节编程练习不计算学习进度，请电脑登录imooc.com操作

别插队啊 - 选择器的优先级

之前我们已经学过了很多CSS3选择器了,但是每个选择器是有优先级的。这一章我们来学习CSS3中选择器的优先级。

我们先来看一个例子:

技术点的解释：

1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。

2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

任务

我来试试：自行编写一个div,然后分别使用行内样式、id选择器、类选择器、标签选择器、通配符选择器给div样式，感受选择器的优先级。

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>css3选择器优先级</title>
    <style type="text/css">
 
    </style>
</head>
 
<body>
    <div>
        我是一个div
    </div>
</body>
 
</html>