css - 我正在尝试将管道标志设计为链接的分隔符

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;
 }