Asp.net 如何复制CSS样式？

在.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>

---

那么如何对

和

使用相同的样式“#菜单”？

您可以针对这两个元素：

#menu, #Div1 {

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

但更简洁的方法可能是使用类来设置属性：

.default_menu { 

并将该类赋予两个元素：

#menu, #Div1 {

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

......

类独立于特定元素，通常是更好的选择。在可能的情况下使用类，并且ID仅在非常、非常特定的唯一元素情况下使用

您还可以为一个元素指定多个类（根据需要指定多个）：

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

---

如果在

default\u menu

和

menu\u big

中都设置了属性，则

menu\u big

中的设置将覆盖第一个属性。

您可以将这两个元素作为目标：

#menu, #Div1 {

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

但更简洁的方法可能是使用类来设置属性：

.default_menu { 

并将该类赋予两个元素：

#menu, #Div1 {

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

......

类独立于特定元素，通常是更好的选择。在可能的情况下使用类，并且ID仅在非常、非常特定的唯一元素情况下使用

您还可以为一个元素指定多个类（根据需要指定多个）：

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

如果在

default\u menu

和

menu\u big

中都设置了属性，则

menu\u big

中的设置将覆盖第一个属性。

使用如下类（您可以将名称

.menu

更改为对两个div有意义的名称）：

以及：

使用如下类（您可以将名称

.menu

更改为对两个div有意义的名称）：

以及：

对于可重用的样式，您必须使用类而不是ID：

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

---

对于可重用的样式，您必须使用类而不是ID：

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

或者使用一个类

<div class="menu">...</div>

或者以两个分区为目标

#menu, #Div1 {
    ....
}

或者使用一个类

<div class="menu">...</div>

或者以两个分区为目标

#menu, #Div1 {
    ....
}

---

您可以尝试以两个div为目标：

div#menu, div#Div1 {
    css goes here
}

---

您可以尝试以两个div为目标：

div#menu, div#Div1 {
    css goes here
}

---

你不必这么做，只是更好而已。您也可以按照@pekka的建议使用逗号分隔的选择器。@hookedonwinter是真的，但是如果它们使用相同的属性，它们将正确地共享相同的项目类别。谢谢。我同意你可以按照@pekka的建议去做，但我试图提出我认为最好的解决方案。你不必这么做，它只是更好。您也可以按照@pekka的建议使用逗号分隔的选择器。@hookedonwinter是真的，但是如果它们使用相同的属性，它们将正确地共享相同的项目类别。谢谢。我同意你可以按照@pekka的建议做，但我试图提出我认为最好的解决方案。CSS选择器名称应以数字字符开头，始终使用诸如

mydiv

之类的专有名称。可以像

mydiv1

那样使用数字。CSS选择器名称应以数字字符开头，始终使用像

mydiv

这样的专有名称。数字可以像

mydiv1

那样使用。