Question

见question。答案说，

如果冲突规则的CSS特异性相同，那么后一个（后面在样式表或后面定义的那个 stylesheet优先。

在以下代码中，border1是稍后定义的类。因此，预计div将具有绿色边界。但是，它如何变成黑色边框？

我理解答案的方式可能是错误的。请帮助理解此代码。

＆＃13;

<html>

<head>
  <style>
  .border2{border: 2px solid black};
  .border1{border: 2px solid green};

  </style>
</head>

<body>
<div class="border1 border2">text</div>
</body>


</html>

＆＃13;

Answer 1

这只是一个语法错误。分号位于css属性和值之后，因此应为.border2{border: 2px solid black;}和.border1{border: 2px solid green;}。

您在上面提到的问题和答案是正确的。

将多个css类分配给html

1 个答案: