我是一个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表现得完全相同而不重复它们?
答案 0 :(得分:2)
每个以逗号分隔的值都必须是完整有效的选择器。所以,这就是你所追求的:
#sortingAlbums li,
#sortingPictures li
{
margin: 10px; padding: 0px; font-size: 17px;
height: 305px; width:225px; float: left;
}