[已解决]css修改样式

a641046308

新手学习html，使用bootstrap，下面这个标签
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" >
这种class，要怎么在css文件里面写样式

最佳答案

月排行榜 / 总排行榜

陈立希2570

2020-1-5 21:55:48

css 的翻译是层叠样式表，你用层叠的方式就可以在你其它的css 文件里写样式，层叠的意思是 bootstrap 是用两个class 来确定一个元素的样式，你如果用 三个class 来改写这个相同的样式，那你就把bootstrap叠在下面了，你的生效，bootstrap不生效
比如 bootstrap是这样的
.container .col-xs-6 { width: 33%}

你在你和 style.css 中这样写
.container .row .col-xs-6 {width: 20%}

这样就是你的生效，选择器的权重是怎样的具体看w3cSchool

跳转到最佳答案楼层

陈立希2570

css 的翻译是层叠样式表，你用层叠的方式就可以在你其它的css 文件里写样式，层叠的意思是 bootstrap 是用两个class 来确定一个元素的样式，你如果用 三个class 来改写这个相同的样式，那你就把bootstrap叠在下面了，你的生效，bootstrap不生效
比如 bootstrap是这样的
.container .col-xs-6 { width: 33%}

你在你和 style.css 中这样写
.container .row .col-xs-6 {width: 20%}

这样就是你的生效，选择器的权重是怎样的具体看w3cSchool

不二如是

找到 bootstrap.css 找到 #sidebar 的样式即可

你是我的小甲鱼

选择器的权重问题 id选择器>class选择器>标签选择器
权重的计算方式：先比较id选择器的数量 如果相同就比较class选择器的数量 如果相同就比较标签选择器

本题可以写成#siderbar{}