In What order should you declare “id” and “class” for the same HTML element, and why?

Question

In What order should you declare “id” and “class” for the same HTML element, and why ? It seems that my questions is reported for being a duplicate, but mine is referring to a specific H1 HTML element in this case. Thank you

<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>

possible duplicate of https://stackoverflow.com/questions/25105736/what-is-the-order-of-precedence-for-css — charan kumar, Jul 26 '18 at 07:07
`id` is uniqe to this element and `class` can be se to multiple elements but you desside what to define and the order does not matter — לבני מלכה, Jul 26 '18 at 07:07
He's not asking what the difference between an id and a class is, he's asking about the *order* — CertainPerformance, Jul 26 '18 at 07:08
Possible duplicate of [valid order for attributes of input type tag](https://stackoverflow.com/questions/2720618/valid-order-for-attributes-of-input-type-tag) — Hearner, Jul 26 '18 at 07:15
It seems that my questions is reported for being a duplicate, but mine is referring to a specific H1 HTML element in this case. Thank you — attila.hajdo, Jul 26 '18 at 07:24

score 2 · Accepted Answer · answered Jul 26 '18 at 07:10

2

There is no predefined order for the attributes in terms of passing w3c validation... it's completely up to you. Any order of HTML attributes will have no effect on performance either.

answered Jul 26 '18 at 07:10

Gökhan Mete ERTÜRK

3,378
2
19
23

score 1 · Answer 2 · answered Jul 26 '18 at 07:11

1

Order is not important, both of them works correctly. But I always add "id" before "class" because I think is easier to read and the "id" provide more information.

answered Jul 26 '18 at 07:11

Aitor

455
7
17

"id" is only one-word identifier, but class may have a lot of words, which potentially can provide more information. First of all be consistent in your notation/code style, no matter what style do you prefer -- it's not important in current case – zhibirc Jul 26 '18 at 07:15
1

It's my own rule. I should use "id" for javascript actions, por example. But everyone will have their own style. – Aitor Jul 26 '18 at 07:21

In What order should you declare “id” and “class” for the same HTML element, and why?

2 Answers2