CSS样式优先级和代码规范

版权声明:未经同意,严禁转载 https://blog.csdn.net/pengchengliu/article/details/88102770

CSS样式优先级和代码规范: 

当同时有多种

一、优先级: 

从上到下,由外到内,优先级变高。

后加载的优先级高。

例:

//css样式优先级.html

<html>

        <head>

                <title>CSS与HTML结合方式二</title>

                <style type="text/css">                                                                       //先加载这个style 

                        div{                                  

                               background-color:blue;       

                               color:red;

                        }

                </style>

        </head>

        <body>

                 <div style="background-color:red;color:green;">aaaaaaaaaaa</div>      //后加载这个style 

                 <div>bbbbbbbbbbbbbbbb</div>

        </body>

</html>

效果:

aaaaaaaaaaa背景red,颜色green

bbbbbbbbbbbbbbbb 背景blue,颜色red


二、选择器: 

对哪个标签的内容做修改。如,上面例子中div就是一个选择器。

选择器格式:

选择器名称{

  属性名:属性值;

       属性名:属性值;

}

猜你喜欢

转载自blog.csdn.net/pengchengliu/article/details/88102770