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

CSS，为两个ID

回答

相关问题