在这里
级联
在级联样式表来播放。
将html元素或小部件/模块(嵌套的html元素组)看作一个对象。您知道您将拥有共享相同属性的对象,因此您将希望创建一个可重用的类,它们可以利用。
.baseModule {align: center;}
假设你的模块是一条信息(错误,闪光…)。因此,您可以“扩展”或“包含”您的.basemodule类,因为所有消息都将居中对齐(参见最后的HTML示例)。
.message {border: 1px solid #555;}
此外,您希望错误消息具有红色背景。此外,如果您希望.basemodule.message的border属性是其他颜色或其他颜色,则可以在此处覆盖它。
.error {background-color: red;}
所以现在您有了一些css定义,可以很容易地重用。
I am a regular message.
I am an error message. My background color is red.
为了将这个问题与您的问题联系起来,您基本上可以利用多个类名以获得最大的可重用性。当然ie6不支持链式选择器(class1.class2.class3),但它仍然是一个巧妙的技巧!