首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >:之前psuedo选择器不工作ie 11

:之前psuedo选择器不工作ie 11
EN

Stack Overflow用户
提问于 2017-03-07 06:11:31
回答 1查看 210关注 0票数 0

我有一些CSS可以在Chrome和Firefox中工作,但不能在IE 11中工作。

这是一个简单的水平导航栏与管道分隔符。

下面是CSS:

代码语言:javascript
运行
复制
.language li{
    display: inline;
    list-style-type: none;
    width: 100%;
}

.language li + li:before {
    content: " | ";
    padding: 0 5px;
}

.language li:nth-child(9n+1):before {
        content: '\a';
        position: static;
        white-space: pre;
}

这是HTML

代码语言:javascript
运行
复制
<ul class="language">
    <li> <a href="" target="_blank" title="SSM Directory Language - Español"> Español </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - HMOOB"> HMOOB </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Chinese"> 简体中文 </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - DEUTSCH"> DEUTSCH </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Arabic"> العربية </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - gujarati"> ગુજરાતી </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Russian"> РУССКИЙ </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Korean"> 한국어 </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Vietnamese"> Tiếng Việt </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Français"> Français </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Polski"> Polski </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Pennsylvaanisch Deitsch"> Pennsylvaanisch Deitsch </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - HRVATSKI"> HRVATSKI </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Tagalog"> Tagalog </a> </li>
    <li> <a href="" target="_blank" title="SSM Directory Language - Hindi"> Hindi </a> </li>
</ul>

在Chrome和Firefox中,它工作得很好,但在IE中,我得到了以下内容,没有分隔符或空格:

代码语言:javascript
运行
复制
Español HMOOB 简体中文 DEUTSCH ગુજરાતી РУССКИЙ 한국어 Tiếng Việt Français Polski Pennsylvaanisch Deitsch HRVATSKI Tagalog Hindi العربية
EN

回答 1

Stack Overflow用户

发布于 2017-03-07 06:50:32

你确定你有最新版本的IE吗?我已经测试了你的代码,它似乎可以在IE11中运行。我有11.576.14393.0版本。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42636564

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档