gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 18:26:23 25 4
gpt4 key购买 nike

我正在我的网站上显示一些数据库内容,这些内容已使用具有自己样式的文本编辑器保存到数据库中。但是,我需要以 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>

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

最佳答案

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

关于css - 忽略来自数据库的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20710288/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com