Question

我想在我的代码中使用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;">

上述所有内容似乎都不适合我。

Answer 1

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

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

像这样使用

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

Answer 2

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

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

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

.Button1a {
    padding: 15px 20px;
    color: #fff;
}

Answer 3

所有元素style的Firs仅适用于该元素，并且您无法以这种方式改变子元素样式。

仅更改继承的值

仅针对您的具体问题的解决方案：

<span id="parent">
    <a href="#" style="color: #000">Link</a>
</span>

Answer 4

部分解决方案，因为它无法直接完成您必须将color: inherit;附加到要在某种形式的CSS中修改的a标记。包含它后，您可以使用以下方法修改它的颜色：

<span style="color: #fff;">
    <a href="#">Link</a>
</span>

更改CSS选择器以获取超链接

4 个答案: