Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.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
Php 如何赋予parrent元素样式比子元素样式属性更高的优先级?_Php_Html_Css - Fatal编程技术网

Php 如何赋予parrent元素样式比子元素样式属性更高的优先级?

Php 如何赋予parrent元素样式比子元素样式属性更高的优先级?,php,html,css,Php,Html,Css,我想编辑一个我对此一无所知的HTML代码的外观。例如,我只想使它的文本青色。不管它是什么颜色。 我试过这个: <p style="color:cyan !important;"> <span style="color:red;">Hello World</span> <p> 你好,世界 别忘了这只是一个例子。我真的不知道用span标记替换什么。想象一下PHP代码: echo '<p style="color:cyan;">

我想编辑一个我对此一无所知的HTML代码的外观。例如,我只想使它的文本青色。不管它是什么颜色。 我试过这个:

<p style="color:cyan !important;">
   <span style="color:red;">Hello World</span>
<p>

你好,世界

别忘了这只是一个例子。我真的不知道用span标记替换什么。想象一下PHP代码:

echo '<p style="color:cyan;">';
echo $HTML;// the HTML code that i want to appear in cyan
echo '</p>';
echo'

; echo$HTML;//我希望以青色显示的HTML代码 回声“

”;
编辑1: 我不能使用内部和/或外部CSS样式

编辑2: 或者给我一个PHP解决方案,从$HTML中删除所有颜色属性。

请参考此

遵循
CSS
可以解决这个问题。但这是一个恰当的解决方案吗?可能不会

CSS:


有关详细信息,请参阅。

这是一种内联样式。它具有最高优先级

<p style="color: cyan">Hello World</p>
 <style type="text/css">
 p {color: cyan;}
 </style>
你好,世界

这是一种嵌入式风格。它的优先级排在第二位

<p style="color: cyan">Hello World</p>
 <style type="text/css">
 p {color: cyan;}
 </style>

p{颜色:青色;}
使用外部样式表(.css文件)是第三高优先级

<p style="color: cyan">Hello World</p>
 <style type="text/css">
 p {color: cyan;}
 </style>

如果在p元素中使用span元素,并且两者都具有内联样式,则span元素将具有更高的优先级。

样式属性不能这样做。您可能需要针对该p并使用选择器设置其子体的样式。这样就没有解决方案。如果无法添加CSS样式,则唯一的方法是从
$HTML
中删除样式属性。如果你想让父母给你颜色,你不需要给孩子设置颜色。@Harry:太好了,Harry!请让我知道如何从$HTML中删除任何颜色属性。我想这是解决办法。我的意思是从你的源头上移除它们。您应该在代码中的某个位置设置
$HTML
的值。把它从那里拿开。您也可以使用其他方法删除它,但与在source.tnx上删除相比,这是不值得的!你说得对。但是我不能使用内部和/或外部css样式。因为它不是一个完整的html页面。这只是一个元素。
<p style="color: cyan">Hello World</p>
 <style type="text/css">
 p {color: cyan;}
 </style>