你如何使用CSS content属性添加html实体?
使用这样的东西只是打印 到屏幕而不是不间断的空间:
.breadcrumbs a:before {
content: ' ';
}
Run Code Online (Sandbox Code Playgroud) 我已经设置了一个CSS元素来插入一些内容,通过:
.foo:after {
content: "Bold, italics";
}
Run Code Online (Sandbox Code Playgroud)
我希望单词"Bold"以粗体字体重量呈现,单词"italics"以斜体字体样式呈现.我知道可以添加行:
font-weight: bold;
font-style: italics;
Run Code Online (Sandbox Code Playgroud)
但这会使两个词都变得粗体和斜体.如果我可以在内容字段中使用html元素,我会添加如下内容:
content: "<strong>Bold</strong>, <em>italics</em>"
Run Code Online (Sandbox Code Playgroud)
但唉,这是不可能的.
有没有其他方法来实现这种效果?理想情况下,无需调用javascript,纯粹使用html/css.
我正在使用FontAwesome.现在我有一个blockquote,它前面有一个图像,显示一个引号.
blockquote {
background-image: url("./styles/roman/imageset/forum/quote.gif");
background-attachment: scroll;
background-position: 6px 8px;
background-repeat: no-repeat;
border-color: #dbdbce;
border: 1px solid #dbdbdb;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)
FontAwesome在它们的字体中有一个引号,我想知道是否有办法将它从当前的背景改为仅显示角色.我不知道使用内容和字体类型是否有效.
例
["]这是任何杂志的引用.
其中["]是当前的报价图片.