我有一个设置为无序列表的实用程序导航，我想使用li:：before在实用程序导航的每个链接之间插入一个管道"|"符号。
这是我的实用导航。。。
<div class="horizontalnavlinks">
<ul>
<li><a href="/ets/">Time & Expense</a></li>
<li><a href="/intrnl/voffice/TAC/default2.asp">TAC</a></li>
<li><a href="/people/search/srchframe.asp">Employee Information</a></li>
<li><a href="mailto:intranetfeedback@ch2m.com">Can't Find It?</a> </li>
</ul>
</div>
这是我的风格。
.horizontalnavlinks ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
.horizontalnavlinks ul li
{
display: inline;
}
.horizontalnavlinks li + li::before
{
content: " | ";
padding: 0 10px;
}
管道在Chrome和Safari中显示得很好，但在IE9中没有显示。事实上，IE9忽略了输入.horizontalnavlinks li + li::before样式。
我读到的所有东西都说IE支持伪风格。什么东西？
确保您有一个正确的doctype声明（例如，<!DOCTYPE html>），因为在quicksmode中运行的IE9将不支持伪元素。
有关在IE9中使用伪元素的更多详细信息，请参阅本SO线程。