css - 忽略来自数据库的样式

Question

我正在我的网站上显示一些数据库内容，这些内容已使用具有自己样式的文本编辑器保存到数据库中。但是，我需要以 css 定义的样式显示文本。我已经将所有 css 样式标记为重要，但在某些情况下它仍会显示文本中定义的样式。

这是我的CSS:

    p.new { 
    text-align:justify !important;
    font-size:15px !important; 
    font-weight:bold !important; 
    font-family:CrimsonRoman, Georgia, 'Times New Roman', Times, serif !important;
    position: relative !important; margin: 0px 0px 15px 0px !important; 
    color: rgb(255, 226, 163) !important; 
    letter-spacing:2px !important; 
    }

下面是我如何显示文本:

    <p class="new">
<?php 

       if(isset($page_content) and $page_content->num_rows()>0)
   { 
   foreach($page_content->result() as $page)
     {
     $value = $default_lang . "_content";                           
     echo $page->$value;
     }
   }
?>
</p>

$page->$value；有自己的样式，由数据库内容定义，这里是 HTML 代码示例:

<p class="new">
<p><strong style="border: 0px #240804; margin: 0px; padding: 0px; vertical-align:       baseline; color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">Para solicitar informaci&oacute;n sobre tarifas o posibles actividades o eventos, no dude en localizarnos a trav&eacute;s de este formulario o usando el apartado &ldquo;contacto&rdquo; , donde tienen todos nuestros datos.</strong></p>
<p style="border: 0px #240804; margin: 0px 0px 15px; padding: 0px; vertical-align: baseline; color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"><strong style="background-color: transparent; border: 0px #240804; margin: 0px; padding: 0px; vertical-align: baseline;">C&oacute;mo hacer una reserva&nbsp; :</strong></p>
<p><strong style="border: 0px #240804; margin: 0px; padding: 0px; vertical-align: baseline; color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;"></strong></p>
<ol style="border: 0px #240804; margin: 0px 0px 15px 32px; padding: 0px; vertical-align: baseline; list-style-position: initial; list-style-image: initial; color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 22px;">
<li style="background-color: transparent; border: 0px #240804; margin: 0px; padding: 0px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;">Por favor complete sus datos y env&iacute;enos este formulario.</li>
<li style="background-color: transparent; border: 0px #240804; margin: 0px; padding: 0px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;">Le enviaremos un documento para que complete su reserva.</li>
<li style="background-color: transparent; border: 0px #240804; margin: 0px; padding: 0px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;">Le enviaremos la confirmaci&oacute;n de su reserva</li>
</ol>    
</p>

有什么想法吗？我尝试了很多东西，但我的想法已经用完了……在此先感谢大家。

Answer 1

根据你的问题，我不知道下一个元素是什么，但如果你想将样式应用于 p.new 的所有子元素，你应该执行以下操作。

p.new * { 
    text-align:justify !important;
    font-size:15px !important; 
    font-weight:bold !important; 
    font-family:CrimsonRoman, Georgia, 'Times New Roman', Times, serif !important;
    position: relative !important; margin: 0px 0px 15px 0px !important; 
    color: rgb(255, 226, 163) !important; 
    letter-spacing:2px !important; 
    }