代码之家 › 专栏 › 技术社区 › jeroen

在css中使用:before伪类插入特殊字符

pseudo-class special-characters encoding css html

jeroen · 技术社区 · 14 年前

我在玩弄 :before

使用:

.read_more:before {
    content: "»";
    margin-right: 6px;
}

我得到了我想要的角色,但是其前面的字符和用法:

.read_more:before {
    content: "&raquo;";
    margin-right: 6px;
}

我完成了 » 在html页面上。

我可以想出一些方法来解决我的问题,但是我想知道如果我想使用伪类。

顺便说一下,我的医生类型是:

<!doctype html>
<html lang="en">

7 回复 | 直到 14 年前

meder omuraliev 14 年前

尝试指定 <meta charset="utf-8"> . 理想情况下,您希望在服务器中设置此值。

fcalderan fcalderan 14 年前

试试这个

.read_more:before {
    content: "\00BB";
    margin-right: 6px;
}

Crozin 14 年前

答案已经被告知,但我想提及:

我完成了 »

那是因为CSS content content: "Ԃ"; 或者使用Unicode符号: content: "\0504"; .

Andre Lopes 9 年前

我知道这个问题问了好一阵子了,但万一现在有人需要,我找到了解决办法。

Here's 有很多符号的图表。找到你想要的那个并复制它的十六进制代码。

here 转变。

您将得到一个如下所示的值:00E1(CSS值)

将此值粘贴到“content:”上,然后高兴起来:)

kindall 14 年前

您的浏览器没有使用正确的文本编码——也就是说,它没有使用与编辑器相同的文本编码。如果您是从Web服务器接收页面,最好的方法是确保服务器发送的是正确的内容类型头。如果您无法控制Web服务器的头文件,或者如果您要使用本地HTML文件进行大量测试,请添加 appropriate tags 到您的文档中获取您正在使用的编码和HTML版本。我建议使用UTF-8。CSS文件(如果它与HTML分开)应该使用相同的编码。

Omiod 14 年前

将此添加到html中 <head> 部分

<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8" />

<?php
    header("Content-Encoding: utf-8");
    header("Content-type: text/html; charset=utf-8");
?>

不要忘记用UTF-8编码保存任何文件(css、html、php)

Tae 14 年前

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前