忽略来自数据库的样式

时间:2013-12-20 19:00:18

标签: css

我在我的网站上显示了一些数据库内容,这些内容已经使用具有自己样式的文本编辑器保存到数据库中。但是,我需要使用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-&gt; $值;有自己的样式,由db内容定义,这里是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>

有什么想法吗?我尝试了很多东西而且我的想法已经用完了......先谢谢你们。

1 个答案:

答案 0 :(得分:0)

基于你的问题,我不知道下一个元素是什么,但是如果你想将这个样式应用于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; 
    }