我试图将管道标志设置为链接的分隔符

Question

嘿伙计们我正在尝试使用span标记将管道符号（|）设置为链接的分隔符。但它不会风格。

<ul>
   <li><a href="http://www.myhome.com">Home<span class="separator">|</span></a></li>
   <li><a href="http://www.aboutme.com">About<span class="separator">|</span></a></li>
   <li><a href="http://www.contactus.com">Contact<span class="separator">|</span></a></li>
   <li><a href="http://www.learnmore.com">Learn more</a></li>
</ul>


<style>
 .separator{
 font-size: 1.5em;
  color: red;
 }
</style>

Answer 1

你忘记了分号：

 .separator{
     font-size: 1.5em; /* <= missing semicolon */
     color: red;
 }

Answer 2

而不是在html中使用它，在一个：pseudo元素中使用它，如：before或：after

li {
  position: relative;
}

li:before {
  content: '|';
  position: absolute;
  top: 0;
  left: 0;
}

是的，你错过了@str

提到的font-size: 1.5em;之后的分号