相关疑难解决方法(0)

我正在尝试将<div>后续的样式设置为空<ul>.

这是我正在测试的简单代码:(操作系统是win7)

基本的jsFiddle DEMO

HTML:

<button class="btnAdd">add new LI</button>
<button class="btnRemove">remove last LI</button>
<ul></ul>
<div>Should be red if UL is empty</div>

CSS:

ul:empty + div {
    color:red;    
}

jQuery :(与问题无关,仅用于测试目的)

$('.btnAdd').on('click', function () {
    $('ul').append('<li>LI</li>');
});

$('.btnRemove').on('click', function () {
    $('ul').find('li').last().remove();
});

预期行为:

在所有主要的浏览器,添加元素时<ul>,空的风格集<ul>以下<div>不宜应用.删除所有时<li>,应将样式重新应用于目标<div>.

目前的行为:

• Firefox处理它没有问题,得到预期的结果.
• 当UL不再为空时,Chrome会删除后续DIV的红色,但当UL再次为空时不会重新应用它(从UL中删除所有LI)
• IE10/11:empty默认只应用CSS 伪类,不对任何添加或删除的内容做出反应

谷歌搜索它,我发现了一些解决方法,但大多数似乎已过时,没有解决问题,至少我找不到.

对于chrome,我发现:empty为UL 设置一个CSS规则修复它,但实际上我不知道发生了什么:(ul:empty {}你这是一个空的CSS规则吗？!)< …

我一直在为一个客户端网站工作,我有渲染Roboto字体的问题.

在Chrome(版本43.0.2357.65米)中,Roboto的各种重量看起来都相同.下面是一个示例:左边是Mozilla Firefox,右边是Chrome http://i.stack.imgur.com/dX4Lx.jpg

你知道它有什么问题吗？

谢谢

所以我这样使用字体

<link href='http://fonts.googleapis.com/css?family=Fira+Sans:700|Open+Sans&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20' rel='stylesheet' type='text/css' />
<style>h1, h2, h3 {font-family: 'Fira Sans', sans-serif; line-height:1.125em} </style>

这是结果......

我完全感到困惑,甚至会发生这种情况？我究竟做错了什么.问题似乎只在家用电脑上.到处休息我检查了它的罚款.

家用电脑:Firefox,Windows 7(在Chrome中字体根本不显示,其空白)