我想知道如何为两个不同的类设置一个设置。
举一个例子：
.footer #one .flag li .drop_down form div{
width: 80px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: left;
line-height: 1.5;
color: #ccc;
font-weight:bolder;
margin-left: 30px;
}
.footer #two .flag li .drop_down form div{
width: 80px;
font-family: Arial,sans-serif;
font-size: 11px;
text-align: left;
line-height: 1.5;
color: #ccc;
font-weight:bolder;
margin-left: 30px;
}
这两个规则都有相同的内容。区别只是第二个标签。有办法做这样的事吗？
.footer >>>#one and #two<<<< .flag li .drop_down form div{
width: 80px;
font-family: Arial,sans-serif;
font-size: 11px;
text-align: left;
line-height: 1.5;
color: #ccc;
font-weight:bolder;
margin-left: 30px;
}
解决方法
用逗号分隔选择器：
.footer #one .flag li .drop_down form div,.footer #two .flag li .drop_down form div {
/* Rules */
}
A comma-separated list of selectors represents the union of all elements selected by each of the individual selectors in the list. (A comma is U+002C.) For example,in CSS when several selectors share the same declarations,they may be grouped into a comma-separated list. White space may appear before and/or after the comma.
