我该如何复制CSS样式？

Question

在.master文件中我有......

<div id="menu">
    <ul>
        <li class="1"><a href="#">One</a></li>
        <li><a href="#">Two</a></li>
    </ul>
</div>
<div id="Div1">
    <ul>
       <li class="1"><a href="#">Three</a></li>
        <li><a href="#">Four</a></li>
    </ul>
</div>

在我有的CSS文件

#menu {
    width: 940px;
    height: 49px;
    margin: 0 auto;
    padding: 0;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

那么为什么如何使用相同的样式"#menu"进行<div id="menu">AND <div id="Div1">？

Answer 1

您可以定位两个元素:

#menu, #Div1 {

但更干净的方法可能是使用类来设置属性:

.default_menu { 

并将该类赋予两个元素:

<div id="menu" class="default_menu">
 ......
<div id="Div1" class="default_menu">

类独立于特定元素,通常是更好的选择.尽可能使用类,仅在非常非常特殊的独特元素情况下使用ID.

您还可以将多个类(根据需要)分配给一个元素:

<div id="menu" class="default_menu menu_big">

如果一个属性是在这两种设定default_menu和menu_big从该设置menu_big将覆盖第一个.