Question

我看看W3C但是没有找到任何浏览器规则，所有的浏览器都将css应用到所有的id，但是如果你尝试使用JS而不是出现问题。

任何人都可以说我，如果我使用这个

，浏览器的规则是什么

<head>
<style type="text/css">
  #Button{color:red;}
</style>
</head>
<body>
<form>
<input id="Button" type="button" value="Click me"/>
<input id="Button" type="text" value="Type Here"/>
</form>
</body>

仅将样式应用于使用该选择器定义的第一个元素

仅将样式应用于使用该选择器定义的最后一个元素

我知道申请两者都不是真的。

Answer 1

标准规定您的ID应该是唯一的。

但是，浏览器是为了满足严重编写的网站而设计的，并且很乐意将这种风格应用于这两个元素（我认为这适用于所有当前的浏览器）。 / p>

虽然它没有成功！你应该像瘟疫那样避免这种情况。

如果要将相同的样式应用于多个元素，请改用class。

 <input class="myButton" type="button" value="Click me"/>

Answer 2

规则是不要多次使用ID。如果它有任何特定的浏览器（即不可预测），因为它不是标准。

Answer 3

ID必须是唯一的。对于你想要做的事情，请使用一个类：

<head>
<style type="text/css">
  .Button {color:red;}
</style>
</head>
<body>
<form>
<input class="Button" type="button" value="Click me"/>
<input class="Button" type="text" value="Type Here"/>
</form>
</body>

浏览器的规则是什么，如果在页面上使用了多次id？

3 个答案: