在PHP中使用CSS伪元素不起作用

时间:2019-11-13 10:06:35

标签: php html css pseudo-element css-content

我的问题是,我必须在php中添加标记,以便在其中放置一些带有伪元素span的样式:before和content:“ text”,其中我要翻译服务器语言。

当然,已经添加了文件中的其他特殊字符,这些字符正确显示。我的问题仅在于其中的内容。我也尝试过“ header('Content-Type:text / html; charset = utf-8');”并没有任何改变。

问题在于,即使添加utf8_decode,也无法正确读取特殊字符“í”或“ç”。

在这里我已经声明要翻译的单词的php代码

$textoProtecciones = utf8_decode ($trEstatico->_("Protecciones"));
$textoCaracteristicas = utf8_decode ($trEstatico->_("Características"));
$textoCortes_Negativo = utf8_decode ($trEstatico->_("Negativo"));

在php的标记中显示css样式


<style>
    @media (max-width: 768px) {


        #owlcomparativatable .owl-item.active.center  .item-table .clear.clear_third span:before {
            content: '<?php echo $textoProtecciones;?>';
        }

        #owlcomparativatable .owl-item.active.center  .item-table .clear.clear_fourth span:before {
            content: '<?php echo $textoCaracteristicas;?>';
        }

        #owlcomparativatable .owl-item.active.center  ul.cortes li.features_tablet:first-child span:before {
            content: '<?php echo $textoCortes_Negativo;?>';
        }
</style>

但是,即使一切都已正确声明,在屏幕上我仍会看到“Características”。即使在控制台代码中也无法正确读取“í”的utf8代码,显示如下:

#owlcomparativatable .owl-item.active.center .item-table .clear.clear_fourth span:before {
content: 'Caracter&iacute;sticas';
}

有人可以帮我吗?

1 个答案:

答案 0 :(得分:0)

&iacute;í HTML实体。其中的所有字符(“&”,“ i”,“ a”等)均以ASCII格式显示,因此无需(或无需做任何操作)使用字符编码。

HTML实体在CSS中没有特殊含义,因此文本按“原样”显示。

您需要将HTML转换为纯文本(UTF-8)。使用the html_entity_decode function