选择器权重12

最新推荐文章于 2024-07-18 15:09:36 发布

D0MINIC123

最新推荐文章于 2024-07-18 15:09:36 发布

阅读量66

点赞数

分类专栏：前端学习文章标签： html5

本文链接：https://blog.csdn.net/D0MINIC123/article/details/114903771

版权

前端学习专栏收录该内容

14 篇文章 1 订阅

订阅专栏

2021/3/16
选择器学习

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器权重</title>

    <style type="text/css">
			
        a{color: yellow;} /*  */
        
        div a{color: green;} /* 1 + 1  */
        
        .demo a{color: black;} /* 10 + 1  */
        
        #demo a{color: orange;}  /* 100 +a 1 */
        
        div#demo a{color: red;}  /* 1 + 100 + 1  */
        
    </style>
</head>

<body>
    <!-- 行内样式<style> 大于 id选择器#box{} 大于 类选择器.nav{} 大于 标签选择器div{} 大于 通用选择器*{}-->
    <!-- 权重值依次为1000 100 10 1 0 -->

    <a>应该是黄色</a> 
		<div class="demo">
			<a>应该是黑色</a>
		</div>
		<div id="demo">
			<a>应该是红色</a>
		</div>
</body>

</html>

效果图
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

D0MINIC123

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
选择器权重12

2021/3/16选择器学习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫