CSS - 連接兩個類

CSS

.curves3 { 
    border-radius:3px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    -ms-border-radius:3px; 
} 
#menu li a { 
    background:#6fb6e5; 
}

所以這是我的HTML和CSS。我想要做的是，我想連接.curves3類到#menu li a。我不希望將class="curves3"添加到所有的<a>標籤中，我也不想將這些邊框半徑複製到#menu li a。我只想連接它們。有什麼辦法嗎？謝謝。

來源

2014-02-18 Sagar Raj

具有u嘗試jQuery的 –

爲什麼你不希望只是'邊界radius'複製到'#menu裏了'？這很簡單。有用。你現在就完成了。 – BlackHatSamurai

可以使用，jQuery代碼如下：

$(document).ready(function(){ 
    $('#menu li a').addClass('curves3'); 
});

來源

2014-02-18 05:47:08 RealDeepak

試試這個

$("#menu ul li a").each(function() { 
$(this).addClass("foo"); 
});

來源

2014-02-18 05:48:33

僅適用於CSS，你不能重用類我覺得你想要的方式。您將不得不復制樣式或在HTML或Javascript中添加類。

您可以輕鬆地在LESS或SASS中使用mixin來執行此操作。如果您有興趣使用CSS預處理器。

http://lesscss.org/

來源

2014-02-18 05:50:54 Newse

CSS - 連接兩個類

回答

相關問題