为什么更改CSS类名称会破坏样式？
Ben
这对我来说真是个头上的抓手。
我正在使用带有SASS的Zurb Foundation和Django开发服务器。问题是这样的：
我有一个带有一些选择器的SCSS文件，它们可以按需工作；但是，如果我同时在SCSS和HTML中更改类的名称，则该类下的元素将不再呈现。
// the_styles.scss
.ad-box {
@include panel();
border: none;
.ad {
width: 728px;
height: 240px;
border: 1px solid #00f;
}
}
<!-- the_page.html -->
<div class="large-12 columns ad-box ">
<div class="ad small-centered columns">
<span style="font-size:21px;color:#000000;width:728px;height:728px;line-height:240px">728
<small style="font-size:0.8em">x</small> 240
</span>
</div>
</div>
产生我想要的东西：
但！如果我改变，在这两个文件中，类ad来banner-ad我得到这样的不良后果：
更具体地说，当我“在两个文件中都更改类”时，我的意思是我
- 更改
the_styles.scss：.ad {->.banner-ad { - 更改
the_page.html：class="ad small-centered columns"->class="banner-ad small-centered columns" - 重新编译SASS
- 在Chrome中重新加载页面
此外，我还尝试在执行上述步骤之前关闭开发服务器，并在＃4之前启动它，以确保行为没有明显变化。
将类名改回ad确实可以再次工作。
我确实知道这里有许多中介，例如Django模板，重新编译SASS的结构任务等。因此，如果我还没有足够隔离的话，请告诉我。就这样，我完全感到困惑。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么类变量会更改？
- 2
为什么CSS中的“浮动”会破坏背景颜色
- 3
CSS：为什么使用 float: left 会破坏 div 的高度？
- 4
为什么在按下Tab键时，此焦点事件会破坏html样式？
- 5
UWP更改AppBarButton的样式会破坏动态溢出的自动样式
- 6
SVG：为什么外部CSS会覆盖文本的内联样式？
- 7
SVG：为什么外部CSS会覆盖文本的内联样式？
- 8
为什么 CSS 继承属性会覆盖我的样式？
- 9
当CSS样式在react.js中使用相同的类名时，为什么CSS样式会泄漏（由其他组件继承）？
- 10
为什么Visual C ++会更改我的方法的名称？
- 11
为什么这个循环会破坏数组？
- 12
jQuery为什么会破坏此代码？
- 13
为什么更改类的属性会导致不同的结果？
- 14
为什么子类化ActiveSupport :: TimeZone会破坏其类级别的[]运算符？
- 15
为什么 Bootstrap 会破坏我的正常 css 布局，我该如何解决？
- 16
加载谷歌地图会破坏 css/样式表
- 17
更改名称会破坏项目的运行能力！Xcode
- 18
更改名称会破坏项目的运行能力！Xcode
- 19
在调整窗口大小时更改CSS会破坏CSS
- 20
babel-plugin-react-css-modules不会更改样式标签中的类名称
- 21
为什么将样式表添加到QListView会更改由样式表本身无法确定的行为？
- 22
请帮助我了解为什么一个简单的更改会破坏我的撰写/管道功能
- 23
为什么内联访问器会破坏我的代码？
- 24
Swift：为什么从NSManagedObject继承会破坏我的属性？
- 25
为什么重命名set会破坏Tcl的交互模式？
- 26
为什么空格会破坏我在javascript中的代码？
- 27
为什么设置MinimumSize会破坏表布局？
- 28
为什么给@Input一个类型会破坏代码？
- 29
为什么angularJS的用户界面视图会破坏Bootstrap Formhelper
我来说两句