鱼C论坛

 找回密码
 立即注册
查看: 3901|回复: 3

[已解决]css修改样式

[复制链接]
发表于 2020-1-5 21:55:47 | 显示全部楼层 |阅读模式
5鱼币
新手学习html,使用bootstrap,下面这个标签
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" >
这种class,要怎么在css文件里面写样式
最佳答案
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

最佳答案

查看完整内容

css 的翻译是层叠样式表,你用层叠的方式就可以在你其它的css 文件里写样式,层叠的意思是 bootstrap 是用两个class 来确定一个元素的样式,你如果用 三个class 来改写这个相同的样式,那你就把bootstrap叠在下面了,你的生效,bootstrap不生效 比如 bootstrap是这样的 .container .col-xs-6 { width: 33%} 你在你和 style.css 中这样写 .container .row .col-xs-6 {width: 20%} 这样就是你的生效,选择器的权重是怎样的 ...
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 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
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-1-6 08:58:54 | 显示全部楼层
找到 bootstrap.css 找到 #sidebar 的样式即可
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-1-10 19:31:51 | 显示全部楼层
选择器的权重问题 id选择器>class选择器>标签选择器
权重的计算方式:先比较id选择器的数量 如果相同就比较class选择器的数量 如果相同就比较标签选择器

本题可以写成#siderbar{}
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 10:24

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表