CSS,两个ID的LI规则相同

时间:2014-11-04 03:02:53

标签: html css

我是一个CSS菜鸟,这是我非常简单的代码:

这有效:

#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的LI表现得完全相同而不重复它们?

1 个答案:

答案 0 :(得分:2)

每个以逗号分隔的值都必须是完整有效的选择器。所以,这就是你所追求的:

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