4

有没有一种方法可以使用 id 或 class 来设置链接样式，而无需为每个单独的元素创建新的选择器？例如，像这样或接近这样的东西会更可取

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

但是，上面的语法不起作用，我只能找到

#logo a:hover {
    color: black;
}


#logo a：已访问 {
颜色：白色
}

我觉得有比这更简单的方法。

4

5 回答 5

10

继承人如何对我认为应该工作的所有链接执行此操作：

#logo a:link,
#logo a:visited,
#logo a:hover {
   color: black;
}
于 2012-12-06T01:43:32.257 回答
5

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

可以按照以下方法：

**If using ID 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" ID="myID">Click Here</a> 

**If using Class with Field**


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

<a  href="#" target="_blank" class="myClass">Click Here</a>
于 2016-05-31T08:29:25.860 回答
1

不是直接在css中，而是有一些项目扩展了css

看看萨斯：

http://sass-lang.com

于 2012-12-06T01:44:05.827 回答
0

我也相信当前的 CSS 语法并不是那么理想。我个人的选择是使用像LESS这样的东西，在那里你可以获得更直观和紧凑的语法来设计你的作品。

于 2012-12-06T01:44:40.227 回答
0

对于纯 CSS，您必须指定每个伪选择器，但您可以将它们分组以应用相同的样式属性；

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

请注意链接伪类的顺序很重要。

于 2012-12-06T01:47:18.703 回答