使用id和类的CSS样式链接

Question

有没有一种方法使用id或类来设置链接,而无需为每个元素创建新的选择器？例如,像这样或接近这个的东西将是更可取的

#logo {
    a: link {color: black}
    a: visited{color: black}
    a: hover{color: black}
}

但是,上面的语法不起作用,而我可以找到的是

#logo a:hover {
    color: black;
}

#logo a:已访问{
color:white
}

我觉得这比这更简单.

Answer 1

继承人如何对所有链接这样做我相信它应该工作:

#logo a:link,
#logo a:visited,
#logo a:hover {
   color: black;
}

Answer 2

当您在单个页面中使用标签处理CSS中的不同样式时，并不是所有的浏览器都支持上述用类或ID分隔标签样式的方法。

一种可以遵循以下方法：

**If using ID with Field**

**If using ID with Field**

    <a  href="#" target="_blank" ID="myID">Click Here</a> 

**If using Class with Field**

a:link#myID {
    color: green;
    background-color: transparent;
    text-decoration: none;
} 
a:visited#myID {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover#myID {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active#myID {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}

<a  href="#" target="_blank" class="myClass">Click Here</a>