文字在页面中显示的颜色 

  　　　　  h3{
                color: orange;
            }
            .yellow{
                color: yellow;
            }
            #green{
                color: green;
            }
        </style>
    </head>
    <body>
        <h3 class="yellow" id="green">CC</h3>  //结果是绿色
    </body>

【样式优先级】

1.行内样式》内嵌样式》外部样式
2.外部样式与内嵌样式的优先级取决于位置的先后
3.判断字体在页面中的颜色 ID选择器》类选择器》标签选择器》全局选择器
4.判断群组选择器、后代选择器等复合选择器的优先级 权重 权重越大，优先级越高
5.当优先级相同时，最后声明的样式将覆盖前面的

【优先级总结】
先看样式表，行内样式优先级最高
同一样式表中，比较选择器权重，权重高，优先级高
同一样式表中，优先级相同时，符合就近原则，后写覆盖先写

【权重】
通配符选择器 0
标签选择器 1
类选择器 10
ID选择器 100
行内样式 1000

群组选择器的权重需分组计算 .title 10 p 1 #box 100

             div strong{color: black;}   //2
            .dom strong{color: palevioletred;}  //11
            .dom strong{color: skyblue}　　　　//11  权重相同时 就近
            /* #idd strong{color: red;}　　　　//101
            #idd strong{color: saddlebrown;} */

<div id="idd" class="dom">
            <strong>sddddddd</strong>
</div>

 

posted @ 2021-02-09 15:35  灰萝卜兔  阅读(96)  评论(0)    收藏  举报