这篇文章给大家分享的是有关引导能不能更改样式的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
<强>更改引导的默认样式
很久没用引导,对与按自己的需求修改样式都忘了。
一上来就添加了新类的类,重写css样式让其覆盖原有的样式,实际上不起作用。因为没考虑的选择器的优先级。面试的时候会问到一些这个问题,一直不能从理论和实践联系起来。
我的解决方案是通过子选择器来增加权重,看别人也有用身份证的,我不太喜欢添加id的选择器。
回忆一波选择器以及其优先级。
<强>一、css选择器
1。标签选择器(如:身体,div, p, ul,李)
2。类选择器(如:类)
3. id选择器(如:id)
4。全局选择器(如:*号)
5。组合选择器(如:。头.head_logo,注意两选择器用空格键分开)
6。后代选择器(如:#头.nav ul李从父集到子孙集的选择器)
7。群组选择器div、span, img{颜色:红}即具有相同样式的标签分组显示
8。继承选择器(如:div p,注意两选择器用空格键分开)
9。伪类选择器(如:就是链接样式,一元素的伪类,4种不同的状态:链接,访问,活跃,徘徊)。
10。字符串匹配的属性选择符(^ $ *三种,分别对应开始,结尾,包含)
11。子选择器(如:div> p,带大于号祝辞)
12。CSS相邻兄弟选择器器(如:h2 + p,带加号+)
<强>二、优先级
当在一个样式声明上使用!重要规则时,该样式声明会覆盖CSS中任何其他的声明,ie6不支持该属性。
内联样式表的权值最高1000;即在html中给元素标签加风格,即内联样式。该方法会造成CSS难以管理,所以不推荐使用。
ID选择器的权值为100;由一个或多个ID选择器来定义,例如,#{保证金:0;}ID选择器会覆盖类选择器。名称{保证金:3 pxl}。
类类选择器的权值为10,由一个或多个类选择器,属性选择器,伪类选择器定义。如.classname{保证金:3 px}会覆盖div{保证金:6 px;}。
标签选择器权值为1:由一个或多个类型选择器定义。如div {marigin: 6 px;}覆盖*{保证金:10 px;}。
通配符选择器:如* {marigin: 6 px;}。
浏览器自定义或继承权值为0.1 .
总结排序:!重要的在行内样式祝辞ID选择器比;类选择器比;标签比;通配符比;继承比;浏览器默认属性
<强>三,!重要
使用!重要的是一个坏习惯,应该尽量避免,因为这打断了样式表中的固有的级联规则使得调试找虫子变得更加困难了。当两条相互冲突的带有!重要规则的声明被应用到相同的元素上时,拥有更大优先级的声明将会被采用。
查询的经验:
永远不要在全站范围的css上使用!重要。
只在需要覆盖全站或外部css(例如引用的ExtJs或者YUI)的特定页面中使用!重要。
永远不要在你的插件中使用!重要。
要优化考虑使用样式规则的优先级来解决问题而不是!重要。
感谢各位的阅读!关于引导能不能更改样式就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
