Question

我看到css中有些人写了类似

的内容

.together
 {
display:inline;
display:inline-block;
 }

不仅限于显示样式，而是说背景大小或背景图像的示例

这是什么目的？我的意思是第二个将覆盖第一个，所以为什么要打扰？

Answer 1

通常这种行为表示浏览器破解了兼容性。当浏览器检测到他们不知道的属性或值时，他们会忽略它。因此，如果您首先放置最广泛接受的属性，如果后者的属性都不兼容，浏览器将“退回”该行为。

Answer 2

它有可能以浏览器兼容性的方式编写。他们可能希望元素的display值为inline-block，但并非所有浏览器都支持所有元素。 Sitepoint对display property的兼容性有很好的参考。

background属性是所有与背景相关的属性的简写，因此在一个选择器上设置background然后仅在其他选择器上覆盖特定的背景属性是很常见的。同样，您可能有多个浏览器兼容性的背景声明。

Answer 3

让我们看看下面的例子。

<html> 
<head>      
<style>
.carlist
{
    background-color: red;
    height: 30px;
    margin: 10px;
    margin: 20px;
}
</style>
</head>

<body  onload="loadCars()">

Check div style.
<div  id="mydiv" class="carlist"></div>

</body>
</html>

在上面的例子中，我们声明了2个边距。我查了一下，发现浏览器接受了第二次声明（FF，IE，Chrome）。所以我认为如果我们将它用于浏览器兼容性，那么最后应该声明最具浏览器特定的样式。但是还有其他方法来定义浏览器特定的样式。因此，定义单个属性会更好。

在css中使用重复样式的目的是什么？

3 个答案: