如何处理CSS选择器中的未知/无效伪类？

Question

这个CSS选择器应该指向什么？ AFAIK：bar伪类不存在......

.Today_s_foo:bar
{
 font-size: 21px;
 font-family: "Ubuntu";
}

Answer 1

根据current specification解析选择器中的错误：“删除了使用选择器的整个规则。”另请参阅this part of the spec以了解后果的示例。

“规则”表示如果选择器的任何部分被解析为无效，则{brackets}内的每个属性设置都将被忽略。

Answer 2

通常它应该使整个规则无效，这在一个规则中使用多个选择器时可能很重要，请参阅简单示例：http://jsfiddle.net/S56xM/

HTML：

<div>Hello!</div>

CSS：

div, div:foobaresque { font-size: 100px; }

您将看到div { font-size: 100px; }“子规则”未应用，即使我们的头脑告诉我们它将被应用。

Answer 3

应用更正

.Today_s_foo中的规则不会在任何有效的浏览器上设置。

我认为它被http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml

列为不推荐的黑客攻击

IE

.Today_s_foo:IE6 /* IE6 hack */

但它不存在。