如何将CSS样式块应用于几个不同的类?例如,我有
<div class="foo">...</div>
<div class="bar">...</div>
...
.foo .bar ??? // This selector should apply to both classes
{
font-size:50%;
...
}
Run Code Online (Sandbox Code Playgroud)
Kob*_*obi 16
.foo, .bar
{
font-size:50%;
...
}
Run Code Online (Sandbox Code Playgroud)
资料来源:http://www.w3.org/TR/CSS2/selector.html#grouping
使用逗号:
.foo, .bar {
....
}
Run Code Online (Sandbox Code Playgroud)
相反,将多个类应用于单个元素也是可能的:
<html>
<head>
<style type="text/css">
.foo {
}
.bar {
}
</style>
</head>
<body>
<!--
space separated list of classnames
to apply multiple css classes to a single element.
-->
<div class="foo bar">...</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8979 次 |
| 最近记录: |