在(pure)CSS中有没有方法可以从之前定义的代码中继承颜色?[duplicate]

fquxozlt  于 2023-01-06  发布在  其他
关注(0)|答案(1)|浏览(106)
    • 此问题在此处已有答案**:

How are the points in CSS specificity calculated(7个答案)
Is there a way to unset an 'a' tag link to the default color(1个答案)
2天前关闭。
在(纯)CSS中有没有办法从之前定义的代码中继承颜色?在这个例子中,inherit监听ul li父代码并获取红色,这里有没有办法获取蓝色?
我尝试了unset和inherit,但两者都监听ul li,并且initial使链接颜色为黑色。
注意:我尝试在不添加新类或硬编码#颜色代码的情况下实现这一点。
示例:

ul li {
    color: red;
}

ul li a {
    color: inherit;
}

a {
    color: blue;
}
<ul>
    <li>
        <a>Link</a>
    </li>
</ul>

我正在尝试获取a的 Bootstrap 颜色

sqserrrh

sqserrrh1#

你应该在这里使用一些CSS的特性,锚标记的特性是0,0,3

ul li a {
    color: inherit;
}

但这里锚标记的特异性是0,0,1

a {
    color: blue;
}

所以如果你想把所有的锚标记颜色都改成蓝色,那么你应该增加锚的特异性,比如:

html ul li a {
    color: blue;
}

或者像这样复制并粘贴那行代码:

ul li {
    color: red;
}

ul li a {
    color: inherit;
}

a {
    color: blue;
}

ul li a {
    color: blue;
}

这样,如果特异性相同,则将使用最后的样式。

相关问题