Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 段落内强标记的CSS 80%不透明度,但如果没有强标记,则为100%_Html_Css - Fatal编程技术网

Html 段落内强标记的CSS 80%不透明度,但如果没有强标记,则为100%

Html 段落内强标记的CSS 80%不透明度,但如果没有强标记,则为100%,html,css,Html,Css,所以一家机构给我发了一些代码,我用他们的CSS方法将标签的不透明度改为80%对网站进行了编码,但是我的客户发现了这一点,已经建立了很多 我添加了p{opacity(0.8)}并将段落标记更改为相同的颜色,但是我有一些标题,如text,它们现在也在褪色,所以我的问题是(无需更改大量工作)在CSS中是否可以100%使用包含强标记的 下面是一个粗略的例子: HTML 但是,我需要确保p>strong保持不透明度变化,因此在这种情况下为100% 我知道这是一个草率的修正,但没有时间重新做这一切或设置自己

所以一家机构给我发了一些代码,我用他们的CSS方法将
标签的不透明度改为80%对网站进行了编码,但是我的客户发现了这一点,已经建立了很多

我添加了
p{opacity(0.8)}
并将段落标记更改为相同的颜色,但是我有一些标题,如
text

,它们现在也在褪色,所以我的问题是(无需更改大量工作)在CSS中是否可以100%使用包含强标记的

下面是一个粗略的例子:

HTML

但是,我需要确保
p>strong
保持不透明度变化,因此在这种情况下为100%

我知道这是一个草率的修正,但没有时间重新做这一切或设置自己的课程,颜色变化的一切


例如:

不,你不能。如果父元素设置为80%不透明度,则任何子元素最多只能为80%不透明度。(我想问为什么段落设置为不透明,而不是以1开头…)

一个潜在的解决方法是不使用不透明度,而是使用RGBA。您可以这样做:

p { color: rgba(0,0,0,.8) } /* 80% black */
p strong { color: rgba(0,0,0,1) } /* 100% black */

(PS,如我在评论中所述,如果这些是真正的标题,那么标记应该使用标题标记,而不是段落标记)

我已经仔细研究了一下,似乎我们需要使用css没有的父选择器:/

您可能需要向段落元素添加一个类,或者使用Jquery执行一个特殊的选择器来应用所需的样式

我相信这个问题与不透明度的工作方式有关,它似乎会使div中的所有内容(或设置为不透明度的任何级别)都变得不透明,因此我认为像上面提到的那样放置特定的span标记是可行的

还请注意,对于有类似问题的人,设置背景可以使用下面的代码,它不会使文本透明,只会使背景透明

background-color: rgba(255, 0, 0, 0.3);

这不会达到OP的要求。强标记将具有.8不透明度,因为它的父级是这样设置的。请注意,如果这些是真正的标题,则不应在段落和强标记中标记它们。它们应该是
h*
标签。我同意,这是多么愚蠢的设计机构提供标记和样式以及宽度,4天的截止日期和2周的工作是一个漫长的20-22小时的工作日。不应该允许设计机构接触标记。:)@詹姆斯,那很好。我只是在示例中使用了黑色。你可以交替使用白色或任何颜色。我做了一个草率的快速修复,给出了上午9点到现在凌晨4点的最后期限,但从你的例子中成功地让它工作得很好,所以谢谢你的朋友。我会在下周的某个阶段更改并重新编码hahai尝试了p:not(strong){opacity(0.8)}似乎没有做到这一点,但这将是一个完美的快速解决方案。我相信问题与选择孩子有关,是背景色的不透明度吗?@kevinn2065问题是不透明度设置在家长身上,它适用于孩子们。
p { opacity(0.8);background-color:red; }
p strong { background-color:blue; }
p { color: rgba(0,0,0,.8) } /* 80% black */
p strong { color: rgba(0,0,0,1) } /* 100% black */
background-color: rgba(255, 0, 0, 0.3);