是否可以仅对<p>元素而不对<a>元素设置不透明度？

Question

我想在此

元素中为所有文本添加不透明度，但不添加（跨度）任何HTML标签

<p>Handcrafted by:<a href="https://trendytheme.net">TrendyTheme</a></p>

我曾经那样：

p:not(a){
    opacity: .7;
}

Answer 1

只需使用rgba()

工作示例

https://jsfiddle.net/shuts13/cLugphbq/2/

p {
  color: rgba(0,0,0,.5);
}
a {
  color: blue;
}

您也可以将其用作背景

p {
  color: rgba(0,0,0,.5);
  background: rgba(33,33,33,0.5);
}
a {
  color: blue;
  background: red;
}

Answer 2

将文本添加到<span>内的<p>并创建一个为该元素添加不透明度的类

p span {
  opacity: .7;
}

<p><span>Handcrafted by:</span><a href="https://trendytheme.net" rel="nofollow noreferrer">TrendyTheme</a></p>

希望有帮助。