asp.net - CSS 将相同的样式应用于一组 标签

Question

首先，我是网络编程的新手。

我正在使用 ASP.NET 进行编程。我有如下三个链接:

<ul style="margin-top:10px;">
   <a style="background-color:transparent;padding:0px;" href="..."><img src="..."/></a>
   <a style="background-color:transparent;padding:0px;" href="..."><img src="..."/></a>
   <a style="background-color:transparent;padding:0px;" href="..."><img src="..."/></a>
</ul>

请注意，三个点“...”代表某物(这是一个示例)。

我想要的是避免为每个链接一直重复样式，所以我在 css 文件中创建了一个 iD，如下所示:

a#myStyle {
    background-color:transparent;
    padding:0px;
}

然后通过一个 div 立即应用于所有链接:

<ul style="margin-top:10px;">
   <div id="myStyle">
   <a style="background-color:transparent;padding:0px;" href="..."><img src="..."/></a>
   <a style="background-color:transparent;padding:0px;" href="..."><img src="..."/></a>
   <a style="background-color:transparent;padding:0px;" href="..."><img src="..."/></a>
   </div>
</ul>

但它不起作用。

Answer 1

您的选择器顺序错误，您还需要 space在 ID 值和 type 之间选择器，作为 <a>是 div 的后代。改用这个:

#myStyle a {
   background-color:transparent;
   padding:0px;
}