如何替换bootstrap中的样式

更改bootstrap的默认样式

很久没用bootstrap，对与按自己的需求修改样式都忘了。

一上来就添加了新的class类，重写css样式让其覆盖原有的样式，实际上不起作用。因为没考虑的选择器的优先级。面试的时候会问到一些这个问题，一直不能从理论和实践联系起来。

我的解决方案是通过子选择器来增加权重，看别人也有用id的，我不太喜欢添加id的选择器。

回忆一波选择器以及其优先级。

一、css选择器

1.标签选择器(如：body,div,p,ul,li)

2.类选择器(如：class)

3.ID选择器(如：id)

4.全局选择器(如：*号)

5.组合选择器(如：.head .head_logo,注意两选择器用空格键分开)

6.后代选择器 (如：#head .nav ul li 从父集到子孙集的选择器)

7.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

8.继承选择器(如：div p,注意两选择器用空格键分开)

9.伪类选择器(如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。)

10.字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)

11.子选择器 (如：div>p ,带大于号>)

12.CSS 相邻兄弟选择器器 (如：h1+p,带加号+)