在覆盖时不会应用sass样式

问题描述 投票:0回答:1

我的文件夹结构

 bootstrap 
    all the scss n bootstrap file
 scss 
    _variable.scss
     styles.scss
     styles.css

我在styles.css中的覆盖样式

 /* this part works

 $body-bg: #f5f5f5;
 $theme-colors: (
        "primary": #ffffff,
        "success": #000000
   );
  $link-color:                #ffffff;
  $link-hover-color:          darken($link-color, 15%) ;

 /* this overridden styles dont work */
 .container-fluid{
      .row{
        background-color: #000000;}}                   
  .dropdown{
   &:hover{
 .dropdown-menu{
     visibility: visible;
     opacity: 1;
     overflow: visible;
  }} }      
.dropdown-menu{
  visibility: hidden;
 opacity: 0;
 overflow: hidden;}

/ *这个覆盖样式不起作用* /

$ variable工作并应用但是.container-fluid不会应用于我的html

     <div id="app"  class="container-fluid">
        <div class="row">
            <nav class="navbar justify-content-start navbar-dark bg-dark ">
                <a class="navbar " href="#">

任何人都可以让我知道哪里出错我认真寻求帮助

sass bootstrap-4
1个回答
0
投票

!important添加到您要应用的CSS中

.container-fluid{
    .row{
        background-color: #000000 !important;
    }
}
© www.soinside.com 2019 - 2024. All rights reserved.