css选择器& 选择器的优先级_旺旺的博客-程序员宅基地_选择器优先级

技术标签: html&css  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.并集的话 就是各算各的。

     

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lw277232240/article/details/80617685

智能推荐

随便推点