Question

我想这样做，以便当我访问它们或者将鼠标悬停在屏幕上时，我的所有标签在屏幕上显示时看起来都很明显。我把所有的div放在一个包装器中并试图引用它们但它似乎没有用。我真的不需要包装器，如果我可以使用：hover来引用所有内容......那就没问题了。

这是我的HTML

<div id="wrapper">
<div id="settings_button">
<span class="settings_text">
Settings
</span>
</div>
<div id="posts_button">
<span class="one_bar_text">
Posts
</span>
</div>

<a href="#" alt="posts">
<div id="posts_button_dark">
<span class="one_bar_text">
Posts
</span>
</div>
</a>
<div id="profile_button">
<span class="one_bar_text">
Profile
</span>
</div>
<div id="profile_button_dark">
<span class="one_bar_text">
Profile
</span>
</div>
</div>

以下是我的CSS

#wrapper a:link {
    color: none;
    text-transform: none;
}
#wrapper a:visited {
    color: none;
}
#wrapper a:hover {
    color: none;
    text-transform: none;
}

我将把我的大部分div变成我还没有的链接。我想避免在我的CSS页面上引用每个div的标签

所以我把我的CSS改成了

a:link {
    color: none;
    text-transform: none;
}
a:visited {
    color: none;
}
a:hover {
    color: none;
    text-transform: none;
}

但悬停在

上时，该链接仍有下划线

Answer 1

a {
  color: black;
  text-decoration: none;
}

这是非常值得怀疑的，但它解决了你问的问题。您不需要任何花哨的选择器，因为页面样式表中适用于元素的任何设置都将覆盖浏览器默认值。

您只需要设置一个明确的颜色（或使用inherit，但IE不支持它），并且要删除下划线，您需要设置text-decoration，而不是text-transform。

Answer 2

您应该使用链接或按钮，而不是<divs>。

如果您决定使用当前标记：

div[id*=button] {
    ...
}

如果你决定清醒（严重的话，不要使用div！）

只需a或button即可。

a {
    color: red;
}

将所有链接换成红色。

请注意，它会捕获所有链接，如内容区域中的导航，页脚。无处不在。

Answer 3

a{
    color:#fff;
}

这是你的意思吗？

Answer 4

只需使用 a

即可

a：link {       颜色：无;       text-transform：none;   }

a：访问过{       颜色：无; }

a：悬停{       颜色：无;       text-transform：none; }

我怎样才能参考我的所有<a> tags in CSS?</a>

4 个答案: