标签：通配 优先级 样式 元素 --- important 选择器

当时用不同的选择器,选中同一个元素时并且设置相同的样式时

　　这时样式之间产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)

　　决定

　　优先级高的优先显示

优先级的规则

　　内联样式　　优先级　　1000

　　id选择器　　优先级　　100

　　类和伪类　　优先级　　10

　　元素选择器　　优先级　　1

　　通配选择器　　优先级　　0

　　继承的样式　　没有优先级

当选择器中包含多种选择器时,需要将多种选择器的优先级相加然后在比较

　　但是注意: 选择器优先级计算不会超过他的最大的数量级,如果选择器的优先级一样,

　　使用靠后的选择器

　　并集选择器的优先级是单独计算

　　可以在样式的最后,添加一个 !important,则此时该样式将会获得一个最高的优先级

　　但是在开发中尽量避免使用 !important

　　例如:

            p{
                background-color: yellow !important;
            }

标签：通配,优先级,样式,元素,---,important,选择器
来源： https://www.cnblogs.com/leiyanting/p/14950491.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。