CSS，爲兩個ID

-1

我是一個CSS小白相同李治，這是我非常簡單的代碼：CSS，爲兩個ID

這工作：

#sortingAlbums,#sortingPictures { list-style-type: none; margin: 0; padding: 0; width: 80%; }

但是，如果我嘗試這樣做：

#sortingAlbums,sortingPictures li { margin: 10px; padding: 0px; font-size: 17px; 
height: 305px; width:225px; float: left; }

這是行不通的，所以我也有點卡住複製像這樣：

 #sortingAlbums li { margin: 10px; padding: 0px; font-size: 17px; 
height: 305px; width:225px; float: left; } 
    #sortingPictures li { margin: 10px; padding: 0px; font-size: 17px; 
height: 305px; width:225px; float: left; }

我想知道是否有更簡單的方法讓#sortingAlbums和$ sortingPicture的LIs在沒有重複的情況下表現完全相同？

來源

2014-11-04 Ryan

可能重複（http://stackoverflow.com/questions/6894789/can-i -make-this-css-simpler-to-avoid-repeating-the-parent-selector） – 2014-11-04 03:18:40

參見http://stackoverflow.com/questions/25052635/is-there-a-way-to-shorten-css- ？選擇/ 25052868 S = 5 | 1.0134＃25052868。 – 2014-11-04 03:20:25

請包括HTML的上下文 – 2014-11-04 04:22:22

每個以逗號分隔的值都需要是完整的有效選擇器。所以，這是你追求的：？我可以把這個簡單的CSS避免重蹈父母選擇]

#sortingAlbums li, 
#sortingPictures li 
{ 
    margin: 10px; padding: 0px; font-size: 17px; 
    height: 305px; width:225px; float: left; 
}

的

來源

2014-11-04 03:05:38

完美的作品，謝謝！（將在7分鐘內接受你的答案） – Ryan 2014-11-04 03:09:55

回答

相關問題