2017-06-19 38 views
-1

所以我在不同的文件中導入了webstite不同部分的樣式。現在,所有作品的樣式都可以正常工作,除了sidebar.sass由於某種原因,我沒有在該文件中應用的樣式正在顯示。我已經嘗試重新制作文件並重新導入,但它似乎不起作用。請看下面的文件,看看我在做什麼。沒有應用Sass文件樣式?

導入文件:

@import header.sass 
@import header-image.sass 
@import homepage-content.sass 
@import sidebar.sass 
@import footer.sass 

sidebar.sass

.siderbar 
    @extend .col-xs-12 
    .search-location 
     @extend .col-xs-12 
     color: #96c11f 
     .white 
      color: white 
     .search-bar 
      font-size: 12px 
      color: #ef7d00 
      .input-group 
       @extend .col-xs-12 
      #custom-search-input 
      padding: 3px 
      border: solid 1px #E4E4E4 
      border-radius: 6px 
      background-color: #fff 
      #custom-search-input input 
       border: 0 
       box-shadow: none 
      #custom-search-input button 
       margin: 2px 0 0 0 
       background: none 
       box-shadow: none 
       border: 0 
       color: #666666 
       padding: 0 8px 0 10px 
       border-left: solid 1px #ccc 
      #custom-search-input button:hover 
       border: 0 
       box-shadow: none 
       border-left: solid 1px #ccc 
    .new-location 
     @extend .col-xs-12 
     background-color: #ef7d00 
     h1 
      color: white 
     img 
      width: 100% 

sidebar.jade

.sidebar 
    .search-location 
     p Big bread kitchen 
     p.white Bij jou in de buurt 
     p.search-text zoek op uw postcode 
     .search-bar 
      #custom-search-input 
       .input-group 
        input.form-control.input-lg(type="text", placeholder="Zoek...") 
        span.input-group-btn 
         button.btn.btn-info.btn-lg(type="button") 
          p go 
    .new-location 
     h1 Nieuwe vesting 
     img(src="images/naarden.jpg") 
    .order-online 
     p.white De lekkerste broodjes en snacks 
     h3 Online 
      span bestellen 
    .save 
     h3 Sparen 

地圖結構:​​ 這是一個簡單的拼寫錯誤,是我不好。

回答

1

看起來好像你在sidebar.sass文件中定義了一個不正確的類。在sidebar.jade中,第一類是.sidebar,但在sidebar.sass中是.siderbar

sidebar.sass:

.sidebar 
    @extend .col-xs-12 
    ... 

sidebar.jade:

.sidebar 
    .search-location 
     ... 
+0

我一直在讀了這一個多小時....我覺得自己很蠢。我會在5分鐘內接受你的回答。謝謝 –

+0

它經常發生。很高興幫助你:) – Manuel