0

我想在我的代码中使用 Style 标记更改超链接的 CSS 选择器，但不知道该怎么做。

我知道我可以使用具有类似语法的外部 CSS

a:link {color:#FF0000;}

但是我想在 span 元素的 style 属性中使用它，比如

<span class="Button1a" style="padding: 15px 20px; a:color: #fff;">
<span class="Button1a" style="padding: 15px 20px; a.color: #fff;">
<span class="Button1a" style="padding: 15px 20px; a>color: #fff;">
<span class="Button1a" style="padding: 15px 20px; color: #fff;">

以上似乎都不适合我。

4

4 回答 4

2

您在 withingstyle属性中使用了不正确的选择器。

style="padding: 15px 20px; a:color: #fff;">
                           ^

像这样使用它

<span class="Button1a" style="padding: 15px 20px; color: #fff;">
于 2013-04-15T20:55:17.513 回答
1

该选择器匹配<a>标签，但您有<span>元素。无论哪种方式，您的style属性只需要包含选择器块的内容：

<span class="Button1a" style="padding: 15px 20px; color: #fff;">

我不建议将属性放置在属性内style。它不能很好地扩展并且难以维护。改用样式表：

.Button1a {
    padding: 15px 20px;
    color: #fff;
}
于 2013-04-15T20:55:34.567 回答
1

Fis of all elementstyle仅适用于该元素，您无法以这种方式更改子样式。

仅更改继承的值

仅针对您的特定问题的解决方案：

<span id="parent">
    <a href="#" style="color: #000">Link</a>
</span>
于 2013-04-15T20:55:53.023 回答
0

部分解决方案，因为它不能直接完成。
您必须以某种形式的 CSScolor: inherit;附加到a要修改的标签。包括在内，您可以使用以下方法修改它的颜色：

<span style="color: #fff;">
    <a href="#">Link</a>
</span>
于 2013-04-15T21:01:12.800 回答