css选择器& 选择器的优先级

一、选择器

1.元素选择器 语法，作用给元素名为你设置的那个元素的元素名设置样式

        元素名 {     

                    样式列表  

                    }    

2.id选择器。通过元素的 id 属性给id赋值， #开始加上id名称。id名称在整个页面里是唯一的

    id选择器语法    #id{

                        样式列表  

                    }  

3.类选择器  。通过元素的class 属性 选择。 一个页面的class属性可以相同。

语法 .class名{

                        样式列表

                    }

4.全部选择器。 给整个页面的属性设置样式

    语法 *{

                样式列表            

}

5.并集选择器 只要满足下面任意一种选择器，就给元素设置样式，选择器之间用逗号隔开

例如  p,  #a1,.p3{

        样式列表

            }    

  上面的选择器的作用就是 给 元素选择器p ，id选择器 a1，类选择器p3.设置样式

6.交集选择器 满足下面所有选择器才设置样式，中间什么都不用隔开 选择器之间直接粘在一起

p.p3 {

} 这个的意思是 给既是 p元素，并且他的类名称要等于 p3的p元素设置样式

二、选择器的优先级

    例如 同时两个选择器给同一个元素设置相同的属性，那么最终设置为哪个呢？这就要按照优先级来了

    内连样式 优先级 1000

    id 选择器 优先级 100

    类选择器 优先级 10

    元素选择器 优先级 1

    统配选择器 优先级 0

    继承的样式优先级没有

 以上的优先级先满足高的。

注意：

            1.如果是两种相同优先级 为同一个元素 同一个属性设置 的话，是哪个写在代码靠后 最终就按那个的样式

            2.交集选择器的优先级 所有优先级 加起来 运算 然后比较

            3.并集的话 就是各算各的。