html - 有什么方法可以从使用 :before 类插入的内容中删除斜体样式？

Question

我有这样的代码

<li class="iconic camera">Pentax K-5 16 Megapixel DSLR</li>

我像使用 CSS

.iconic.camera:before {
font-size: 35px;
font-family: "KameraDings";
content: "A";
padding-right: 8px;
vertical-align: -10%;
}

插入带有特殊符号字体的相机符号。但是，我将 li 设置为斜体的样式。有没有办法从这一个内容字母中删除斜体？我试过font-style: none;无济于事

Answer 1

那font-style: normal;不是font-style: none;。

Answer 2

jsBin 演示

.iconic{
    font-style:italic;
}
  
.iconic.camera:before {
    font-size: 35px;
    font-family: "KameraDings";
    content: "A";
    padding-right: 8px;
    vertical-align: -10%;
    font-style:normal;            /* ta-da!*/
}