Question

我的文件夹结构

 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;}

/ *此替代样式不起作用* /

$ 变量可以工作并被应用，但是 .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="#">

任何人都可以让我知道哪里出了问题m认真寻求帮助

Answer 1

将!important添加到要应用的CSS

.container-fluid{
    .row{
        background-color: #000000 !important;
    }
}

覆盖时无法应用sass样式

1 个答案: