关于CSS选择器

一、CSS有三种书写方式:行内式、内嵌式、外链式
1.行内式
在html标签中直接书写其样式。如:
<h1 style="color:red;font-size:50px;">hello world</h1>
缺点:
1、html和css混杂在一块 结构不够直观
2、多个元素相同样式 还需重复书写
2.内嵌式
在head中创建style标签书写样式。如:
h2{color:blue;font-size:40px;}
3.外链式
通过link引入外部css资源
<link rel="stylesheet" href="gonggong.css">
二、选择器
标签选择器 指定标签名
p{color:green;}
类名选择器 .类名
.text{color:purple;}
id选择器 #id
#txt{color:orange;}
三、选择器权重
!important>行内>id>class>tag>*
同级选择器 就近原则
当使用嵌套选择器时 按照权重值计算优先级

*	0
标签名	1
类名	10
id	100
如:

    <div>
      <p class="text">hello</p>
    </div>
    .text{
       color:orange;
    } //权重值为10
    div p{
       color:blue;
    } //权重值为1+1
     //所以hello的颜色应为orange