搜索某个“td类”并替换它

Question

所以我有这段代码：

<td class="side userlink">
    <a href="/forums/profile/2394-thethiny/">
        <span style="color: #97ACEF;" title="thethiny (2394) [Normal user]">thethiny</span>
    </a>
</td>

我需要一个能找到上述代码的CSS代码，并用#FFFFFF颜色替换颜色＃97ACEF。

我尝试将它放在上面的代码下，所以希望它会取代它，但它没有：

<style>
    <td class="side userlink">
        <a href="/forums/profile/2394-thethiny/">
            <span style="color: #FFFFFF;" title="thethiny (2394) [Normal user]">thethiny</span>
        </a>
    </td>
</style>

我甚至尝试在body之后添加<style>，但仍无效。

我希望仅在td class side userlink下更换颜色，而不是在整个页面中。

我也试过这个：

."side userlink":after {
    content:"<a href="/forums/profile/2394-thethiny/"><span style="color: #FFFFFF;" title="thethiny (2394)[Normal user]">thethiny</span></a>";
}

有没有这样做？

Answer 1

您无法使用CSS样式替换HTML元素。如果HTML元素具有样式属性，则无法使用样式表覆盖它。您有两个选项可以替换我不能收集的HTML，也可以使用Javascript来操作这些HTML元素。

Answer 2

如果您在任何时候更改颜色（为什么您想在开始时不编辑实际代码？），您可以使用简单的JavaScript代码。首先给跨度一个id：

<td class="side userlink">
  <a href="/forums/profile/2394-thethiny/">
    <span id="thinySpan" style="color: #97ACEF;" title="thethiny (2394) [Normal user]">thethiny</span>
  </a>
</td>

然后使用javascript：

操纵字体颜色

function changeColor(){
document.getElementById('thinySpan').style.color = '#FFFFFF';
}

Answer 3

嗯，这很奇怪，但还可以。

替换以下代码：

HTML：

<td class="side userlink">
   <a href="/forums/profile/2394-thethiny/" title="thethiny (2394) [Normal user]">thethiny</a>
</td>

CSS：

td a{
    color: #97ACEF;
}

.side.userlink a{
    color: #FFFFFF;
}

生成的HTML + CSS

<style>
td a{
    color: #97ACEF;
}

.side.userlink a{
    color: #FFFFFF;
}
</style>

<td class="side userlink">
    <a href="/forums/profile/2394-thethiny/" title="thethiny (2394) [Normal user]">thethiny</a>
</td>

这会将所有主题设置为#97ACEF，并且只会将#FFFFFF放在.side和.userlink类的内容上。

Ps：注意语义，你在span内有一个不必要的a，看看CSS selectors，你几乎可以选择任何你想要它。

Answer 4

好的......所以如果你可以在某处添加HTML / CSS。这对你有用

<style>
.userlink span {
color: #ffffff!important;
}
</style>

http://gyazo.com/d4182ccd03288312f98640dc93b1d9cc

<强>更新

添加此内容 -

<style>
    .cell2 span {
    color: #ff00eb!important;
    }
</style>

我不确定你真正想要的是什么颜色。因此，将＃ff00eb更改为您需要的十六进制颜色。

更新更新

这应该对你有用：）

<style>
.usercomments tr td:nth-child(2n-1) a[href="/forums/profile/2394-thethiny/"] :not(.pagelink) {
color: #ff00eb!important;
}
</style>