我们可以不止一次地拥有css风格属性吗？

#my_div{ 
    width: -moz-max-content; /* mozila browser support */ 
    width : -webkit-max-content; /*chrome and safari browser support*/ 
}

此代码适用于我的style.But我不知道它的合法与否。根据浏览器类型，指定宽度是否正确？我们可以不止一次地拥有css风格属性吗？

来源

2014-09-03 Sagar Bhosale

第二个会覆盖第一个。它是为你单独工作吗？ – 2014-09-03 06:59:39

是的，它的确定用于线性梯度的示例。假设我们使用Mozilla浏览器。第一个width生效，比css解析器读取第二个width，检查它的值为-webkit-max-content;，对于Mozilla浏览器它是无效的，所以它被忽略并回落到之前的width，即width: -moz-max-content;。 Chrome浏览器将首先忽略针对Mozilla浏览器的width。这些属性值的

例子，可以发现here

来源

2014-09-03 07:03:43 Justinas

感谢您的宝贵指导 – 2014-09-03 08:57:49

是的，根据所使用的浏览器风格将采取唯一的风格与它一起工作。

以下是在背景

background: #1e5799; /* Old browsers */ 
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 */

来源

2014-09-03 07:02:38 Xlander

它们的属性值，而不是属性。它们都是无效的，即它们不符合CSS规范。如果您希望使用这些功能，它们仍然是您的选择;比照How to validate vendor prefixes in CSS like -webkit- and -moz-?

请注意，这些设置对浏览器不具有任何浏览器前缀值的任何影响。宽度将由其他CSS设置决定，或者最终由浏览器默认设置决定。因此，请考虑在这些设置之前设置一些合适的“后备”设置。

来源

2014-09-03 07:04:53

我们可以不止一次地拥有css风格属性吗？

回答

相关问题