Question

我试图写下以下规则, 以对支持它的浏览器的输入占位符进行样式 :

#main input::-webkit-input-placeholder,
#main input:-moz-placeholder
{
    color: #888;
    font-style: italic;
}

问题在于这个规则并不适用。但是,如果我这样分手,它就会很好地发挥作用:

#main input::-webkit-input-placeholder
{
    color: #888;
    font-style: italic;
}
#main input:-moz-placeholder
{
    color: #888;
    font-style: italic;
}

为什么我不能将特定浏览器的选择器分组, 或者有其他方法可以这样做? 重复相同元素两次相同的属性是不对的。

<强> 更新:

刚刚找到< a href=> http://blogblog.ajcw.com/2011/02/styling-the-html5-placedusts/" rel="nofollow" > 这个资源 <\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

Answer 1

如果一组选择器中的一个选择器无效, 浏览器必须将整个规则视为无效。至少< a href=> http:// www.w3. org/ TR/ selectors/# grouping" rel=“ noreferrer” > 说 W3C 。

我不清楚为什么该行为被授权, 但是在按键时, 我想是因为一个无效的选择器可以打破 CSS 常规语法, 使浏览器无法可靠地猜测无效的选择器的终点和有效元素的起始位置。

Answer 2

最有可能的是,有些浏览器丢弃整个定义,因为他们认为选择器无效。

Answer 3

如果您愿意使用 JavaScript, 请查看无前缀脚本。它允许您将类似 CSS 属性的特定前缀( 如 - Webkit- 或 - moz- ) 保存在销售商名下。

友情链接