有没有办法让CSS选择器放入＆＃34; - ＆＃34;在标题之前？

Question

我有这个CSS选择器：

h3 {
    font-size: 1rem;
}

有什么方法可以让它改变标题：

Example

到

- Example 

Answer 1

您可以使用pseudo element :before在其之前添加内容：

＆＃13;

＆＃13;

h3 {
  font-size: 1rem;
}

h3:before {
  content: '- ';
}

＆＃13;

<h3>Example</h3>

＆＃13;

＆＃13;

＆＃13;

Answer 2

h3::before {
  content: "- ";
  display: inline-block;
  font-size: 13px;
}

这样的事情就足够了

Answer 3

你去吧

CSS

h1:before{
  content:'-';
}

DEMO

Answer 4

你可以使用：在伪元素之前

＆＃13;

＆＃13;

h3:before
{
  content:"- ";
}

＆＃13;

 <h3>Example</h3>

＆＃13;

＆＃13;

＆＃13;

了解更多 http://www.w3schools.com/cssref/sel_before.asp