我正熟悉这个特殊的CSS选择器,当我添加:not(:empty)它时不想工作.它似乎与其他选择器的任何组合都可以正常工作:
input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none }
如果我删除该:not(:empty)部件,它就可以正常工作.即使我将选择器更改为input:not(:empty)它仍然不会选择输入文本的输入字段.这是坏了还是我不允许:empty在:not()选择器中使用？
我能想到的唯一另一件事是,浏览器仍然说元素是空的,因为它没有子元素,只说"价值".是否:empty选择不具有独立功能的输入元素与常规的元素？这似乎不太可能,因为:empty在场上使用并在其中键入内容将导致替代效果消失(因为它不再是空的).
在Firefox 8和Chrome中测试过.