Question

在CSS中，我想为

设置不同的属性

<a name="tag">one font and color</a>

和

<a href="link">a different font and color</a>

但是，设置<a>标记的属性会使两段文本具有相同的颜色。我怎么能让他们与众不同？我是否必须在每一个上加id？

Answer 1

我很困惑为什么你会有一个锚标签，没有href。

name属性的用途是表单，因此当您提交表单时，您可以检索数据。

为了设置HTML元素的样式，您需要使用id或class。 class可以在网页上多次使用，其中id每页只能使用一次。

绝对可以根据属性设置锚标记的样式，如下所示：

a[name] {
  /* Style 1 */
}
a[name="tag"] {
  /* Style 2 */
}
a[href] {
  /* Style 3 */
}
a[href="link"] {
  /* Style 4 */
}

但最佳做法是使用id和class。

Answer 2

你可以试试这个：

a[name] {
  color: blue;
}


a[name="tag"] {
  color: red;
}
a[href] {
  color: green;
}

<a name="tag">A with name as tag</a><br>
<a name="haha">A with name attribute set</a><br>
<a href="link">one font and color</a>

它将根据属性设置不同的CSS样式

Answer 3

可能你只是在css下面申请：

a {
   color : red;
   ....
}

此css适用于html文档中的所有标记。而不是将css应用于特定的标签，请执行以下操作： Html：

<a id="mylink" href="http://google.com">Google</a>

Css：

#mylink {
   color:blue;
 }

这个css只适用于具有mylink id的元素，因为我可以对此进行评论。

注意：只有一个元素可以具有特定的ID。如果要使用几个元素使用类。 HTML：

<a class="links">Test</a>
<a class="links2">Google</a>
<a class = "links">Yahoo</a>

Css：

.links {   /*This applys to 'a' tas which have <<class="links">> */
   color:blue;
   font-size:12pt
   ....
   }

 .links2 {
  ...
  }

还有更多方法，如继承和根据属性。有关更多信息，请注释。

Answer 4

您可以为每个Anchor标记使用类。它可以由具有类似属性的标签使用。见这个例子。

＆＃13;

.tag1{
    font-family:verdana;
    color:red;
}
.tag2{
    font-family:cursive;
    color:green;
}
.tag3{
    font-family:arial;
    color:black;
}

＆＃13;

<a href = "#"class="tag1">one font and color</a><br/>
<a href="link" class="tag2" >a different font and color</a><br />
<a href="link" class="tag3" >a different font and color</a>

＆＃13;

Answer 5

您可以使用这样的内联样式：

    <a href="link" style="color: color;">stuff</a>

区分名称和href

5 个答案: