CSS: *html #id_name

Question

我有这个代码

*html #alertBox {
    height:100px;
}

#modalContainer > #alertBox {
    position:fixed;
}

这是css支​​持的吗，我在其他一些网站上找到了这个代码(我忘记了链接)

Answer 1

*html #alertBox {
    height:100px;
}

那是打错了的星形 HTML。 Star-HTML 是一种 CSS hack，通常用于针对 IE6 的规则。

规则中的 star-HTML 前缀不应匹配任何内容，因为根元素 (html) 之上没有元素 (*)。但由于该浏览器中的错误，它在 IE 版本 6 中起作用。

但是，要使其成为有效规则，* 和 html 之间必须有一个空格。当前代码是无效的 CSS:验证器会提示，浏览器可能会用它做一些意想不到的事情。碰巧的是，在当前的浏览器中没有区别:IE6-7 允许无空格语法，其他浏览器忽略整个规则。但你不应该真的依赖它。

#modalContainer > #alertBox {
    position:fixed;
}

这是一个子选择器:当 alertBox 是 modalContainer 的直接子级时，它会选择它。

> 是 IE6 根本不理解的东西，所以结果是针对所有浏览器的规则，除了 IE6(不支持 position: fixed ).这使它或多或少与 star-HTML hack 相反。很明显，它被用于这里的目的，否则包含两个唯一 ID 的选择器是非常多余的。