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

您的选择器顺序错误，ID值和space选择器之间也需要type，因为<a>是div的后代。请改用：

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

Answer 2

您的方法是正确的，但您必须以您的风格切换选择器

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

将使用ID #myStyle

更改DIV中所有链接的样式

Answer 3

您需要使用CSS类而不是ID，如下所示：

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

然后您可以将类应用于每个锚标记，如下所示：

<a class="myStyle" href="..."><img src="..."/></a>
<a class="myStyle"  href="..."><img src="..."/></a>
<a class="myStyle" href="..."><img src="..."/></a>

Answer 4

使用课程，因为you can't give the same id to more than one element：

<ul style="margin-top:10px;">

   <a class=myStyle href="..."><img src="..."/></a>
   <a class=myStyle href="..."><img src="..."/></a>
   <a class=myStyle href="..."><img src="..."/></a>

</ul>

然后你的css变成了

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

Answer 5

试试这个。

<style>
.anchor
{
background-color:transparent;padding:0px;
}
</style>

<ul style="margin-top:10px;">

   <a class="anchor" href="..."><img src="..."/></a>
   <a class="anchor" href="..."><img src="..."/></a>
   <a class="anchor" href="..."><img src="..."/></a>

</ul>

CSS将相同的样式应用于<a> tags</a>组

5 个答案: