同一css属性的多个值

我有一个输入标签，它应用了多个css类（比如c1，c2）。 c1包含一个样式

显示：内联块

，而c2包含一个样式

显示：无

在这里选择哪种显示样式有规则吗？

---

它会从c1或c2中选择显示属性吗？

这取决于您在哪里编写的类

CSS按照类的顺序工作。如果您的第一个类是

display:none

，然后如果您在第二个类中编写了

display:inline block

，它将显示标签。在相反的情况下，它不会显示标签

---

您可以使用此

http://jsfiddle.net/eWrpK/2/< /代码> 
 是的，这恰好是CSS如何工作的基础。
CSS规则的优先级是基于很多因素的：级联（代码中稍后声明的更改优先于先前声明的更改）、特定性（CSS声明能够抓住目标的具体程度）。例如，仅仅声明
p{color:red}
远不如
body div p.myClass那么具体{color:red；}
。使用！important标记也可以覆盖级联，不过最好不要使用它，除非您确实必须使用它（例如，如果您继承了一个系统，并且没有能力编辑CSS文档）

在您的示例中，如果c1最后一个出现，c2将覆盖c1。如果c1具有！重要标记，则c1可以保留其优先级（希望不会，因为您可以看到，如果使用太多，这可能会开始产生问题）.
唯一适用的规则是，即使对于具有多个类且所有类都由单个类选择器匹配的元素，其工作方式也是相同的

也就是说，如果您有如下CSS：

.c1 { display: inline-block; }
.c2 { display: none; }

…如果选择器
.c1
和
.c2
具有相同的特异性，则最后出现的
显示
声明将优先，即使同一元素同时具有两个类

请注意，由于元素具有两个类，因此它仍将匹配这两个规则，因此任何不重叠的属性仍将正常应用：

.c1 { display: inline-block; font-weight: bold; }
.c2 { display: none; color: red; }

在本例中，元素将有粗体和红色文本，但其
显示将在css中解析为
none
，在重新定义时，它将覆盖属性。这里应用c2属性我想他问了css规则是如何应用的。每个选择器都有一个特殊性。id（#）是最高的，然后是类（）最后是元素（例如：p）。特异性由使用它们的数量和位置决定。如果两个选择器具有相同的特异性，则样式表中的最后一个将是counts@pstenstrm：我也不认为这是正确的副本。这里我有两个类，因此我认为特殊性是相同的。问题是将选择哪种显示样式？“无”或“无”“内联块"？我避免告诉他！重要的是，他看起来像个初学者，我不想让人们开始使用坏东西^^^但是的，这是一个完全的问题我听到了，但我有复杂的感觉。有时我认为帮助初学者做坏东西是有成效的，因为它可以帮助他们快速完成他们想要的。我的水平实际上并不高我也很高，当一个更高级的人，知道有更好的方法来做这件事，来到我的水平，给我我想要的答案，即使不是最好的，我总是很感激我喜欢！重要的是它能让我实现我想要的。但我讨厌它出现在别人的代码中，而我正试图避开它。我想每个人都喜欢自己的味道！重要的是，你是对的。我也使用它。每个人都不时地发出一个重要的信息，我们是人类。。