能做一個相當於嵌套CSS點運算符嗎？

我有一個CSS樣式表如下：能做一個相當於嵌套CSS點運算符嗎？

.commandsTable { 
    color: whitesmoke; 
    background-color: black; 
    margin-left: auto; 
    margin-right: auto; 
} 

.commandsTable td { 
    background-color: #039be5; 
} 

.commandsTable tr:hover { 
    background-color: black; 
}

人們可以看到，「.commands表」重複兩次樣式的TD和respecitvely TR元素。

所以......

是否有CSS嵌套點（。）運算符，以防止重複碼輸入的方法嗎？

來源

2017-06-12 LJH

我沒有看到問題？ css規則是一場比賽和失敗的比賽，很快一場比賽就會失敗，很快就會轉移到下一場比賽。 –

@DanielH你已經習慣了css :)在那種語言中有很多重複的代碼 – Dale

@Dale〜。〜我所知道的是，對於每個元素，它將轉到樣式表並通過所有css規則找到一個匹配，從右到左，只要它失敗了，就會移到下一個。如果你是特定的，我沒有看到重複的樣式？如果你有一個關於此的請鏈接，請發帖，我想了解更多 –

你可以做到這一點只有像sass

預處理器在純CSS不能嵌套元素

來源

2017-06-12 15:53:10

這裏將完全滿足您的要求的鏈接：http://tabatkins.github.io/specs/css-nesting/

雖然你可以去SASS，還有另一個選項是cssnext，你一定要檢查一下。

這裏有一個鏈接：http://cssnext.io/features/

來源

2017-06-12 16:14:23

謝謝阿卡什，我會嘗試css-nesting，它看起來不錯！ – LJH

是的，肯定會試試看。會讓你的生活變得更輕鬆。 –

能做一個相當於嵌套CSS點運算符嗎？

回答

相關問題