Question

我有一个类似以下内容的HTML：

<p style="color:red">go <a href="SomeURLHere">here</a></p>

在服务器端代码生成的元素中，我没有访问权限。在浏览器中， go 是红色的，但 here 不是由于页面head元素中的一些CSS代码引起的。我想知道是否有一种方法可以使链接颜色继承而无需在不合适的HTML文档位置添加样式标签或JS代码，这会很臭。请注意，我只能访问本节。

Answer 1

您可以在身体中放置样式标签。

<style>
  .red, .red a {
    color: red !important;
  }
<style>

<p class="red">go <a href="#">here</a></p>

Answer 2

像这样给这个div命名

<style> .vhd p, a{color:red} </style> <div class="vhd"> <p>go <a href="SomeURLHere">here</a></p> </div>

希望它对您有用

Answer 3

您可以将inherit用于颜色属性，这意味着颜色属性值将继承自其父项。

您可以这样做：

<p style="color:inherit">go <a href="SomeURLHere" style="color: inherit;">here</a></p>

Answer 4

据我所知，您要做的事不可能是INLINE，

如果可以，您可以在页面中添加样式标签。

<p class="red">go <a href="#">link</a></p>

<style>
.red a{
    color: red
}

.red{
    color: red;
}

</style>

Answer 5

      <style>
        red.a {
            backgrond-color: red;
        }

    </style>
    <div>
        <p class="red"><a href="#">here</a></p>
    </div>
   or u can use <p class="red"><a href="#" style="color:red;>"here</a></p>

使用内联CSS更改div中A元素的颜色

5 个答案: