嵌套懸停不工作

以前嵌套懸停不工作

#item_1, #item_2, #item_3 { 
    display: inline-block; 
    width: 57px; 
    padding-top: 11px; 
    padding-bottom: 11px; 
    text-decoration: none; 
} 

#item_1:hover, #item_2:hover, #item_3:hover { 
    color: #fff; 
}

後

#item_1, #item_2, #item_3 { 
    display: inline-block; 
    width: 57px; 
    padding-top: 11px; 
    padding-bottom: 11px; 
    text-decoration: none; 
    &:hover { 
     color: #fff; 
    } 
}

離開HTML一樣，該版本的作品前，後的版本沒有。我建立一個Rails應用程序使用Rails 4

來源

2014-05-24 megashigger

結束SASS？ – Adrift

我不知道。我只創建了一個Rails應用程序，並正在使用CSS。如果默認是SASS，那麼是的。 – megashigger

@ user2469211你甚至不知道後面的版本是SASS時尚的？看起來這就是爲什麼它不起作用。 –

是款式供紅寶石庫

請參閱文檔sass install

例如

#main { 
    color: black; 
    a { 
    font-weight: bold; 
    &:hover { color: red; } 
    } 
} 
is compiled to: 

#main { 
    color: black; } 
    #main a { 
    font-weight: bold; } 
    #main a:hover { 
     color: red; }

來源

2014-05-24 19:20:47 AvrilAlejandro

這聽起來像你要麼不您的應用程序中安裝了SASS，或者您使用的樣式表不在正確的目錄中。

檢查，如果它的安裝

檢查您的Gemfile類似的東西，以

# Use SCSS for stylesheets 
gem 'sass-rails', '~> 4.0.0'

添加並運行bundle install形成你的項目目錄，如果它不是在那裏。

檢查，如果你的樣式表是在正確的地方

導航到

app > assets > stylesheets

，看看是否存在application.css.scss。

如果這樣做，確保那裏有一條線，看起來像：

*= require_tree .

如果有，請確保您的代碼樣式表是在stylesheets文件夾，您是否正在對.css.scss

來源

2014-05-24 21:54:39 jakealbaugh

嵌套懸停不工作

回答

相關問題