master

分支 (1)

管理

管理

master

front-end-development-learning
/
1.css.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css</title>
    <style>
        /*权值=100+1=101*/
        #redP{
            color:#F00;
            /*设置字间距*/
            word-spacing: 30px;
        }
        /*100+10+1=111*/
        #redP .red em{
            color:#00F;
            /*设置字符间距*/
            letter-spacing: 30px;
        }
        /*100+1+1+1=103*/
        #redP p span em{
            color:#FF0;
        }
    </style>
</head>
<body>
<!--CSS 优先级法则：

    内联样式表的权值最高 1000
    ID 选择器的权值为 100
    Class 类选择器的权值为 10
    HTML 标签选择器的权值为 1

     A 选择器都有一个权值，权值越大越优先；
     B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；
     C 创作者的规则高于浏览者：即网页编写者设置的 CSS 样式的优先权高于浏览器所设置的样式；
     D 继承的 CSS 样式不如后来指定的 CSS 样式；
     E 在同一组属性设置中标有 "!important" 规则的优先级最大；
-->
<div id="redP">
    <p class="red">red
        <span ><em>em red</em></span>
    </p>
    <a href="#1" title="" disabled="true">点我</a>
    <a href="#2" title="" disabled="false">点我</a>
    <!-- 设置a标签不可点击 -->
    <a href="#3" title="" disabled="disabled" style="pointer-events:none">点我</a>
    <!--权值1000-->
<p style="color:gold">red</p>
</div>
</body>
</html>