带ID的HTML类

Question

我对HTML类和ID有点困惑,因为我想用它们来描述HTML元素.这是否有效且大多数浏览器都支持？

我使用两者的动机是:

1. 我有一个CSS风格,我想应用于多个元素.
2. 我有一些AJAX和Javascript将操纵那些相同的元素,所以我需要一种方法来识别哪个元素使用ID.
3. 所以我想使用id来识别JS操作的每个元素,同时我想指定一个类,以便从同一个css应用相同的样式.

Answer 1

ID只对一个项目是唯一的,其中一个类可用于将多个项目组合在一起.你可以按照你的说法一起使用它们,ID作为Javascript的唯一标识符和使用CSS标记的类.

搜索html class vs id以获取有关此主题的许多文章.

例:

<ul>
    <li class="odd" id="item1">First Item in the List</li>
    <li class="even" id="item2">Second Item in the List</li>
    <li class="odd" id="item3">Third Item in the List</li>
</ul>

Answer 2

是的,在一个元素中同时使用ID和Class属性是完全有效的.例:

<div class="infoBox" id="myUniqueStyle"> *content* </div>

但是,请记住,ID只能使用一次(因此它的名称),而您可以使用类,因为您可以通过文档使用多次.您仍然可以使用ID和类来应用样式,而只有ID是通过javascript到达元素的简单方法.

一个好方法是将ID应用于您知道唯一的标题(标题,导航,主容器等),以及其他所有类.

"正的 "适用于使用ID元素:"这是导航栏","这是标题"

"是一个 "或"是一个 "适用于使用类的元素:"这是一个 blogPost","这是一个 infoBox"等.