HTML ID with numerical value not recognized by CSS

Question

Here is the div:

I got 9 of them with different positions on page so in the .css file I d

Answer 1

Please try this:

You can call either by class or ID.

div.something {
code...
}

or

div#1 {
code...
}

Answer 2

It is the id selector that does not work, the documentation says an id can't start with a number.

Answer 3

Although it's allowed to set a class or id to begin with a digit in HTML5, but it's not allowed in CSS, see the spec:

HTML5: 3.2.5.1 The id attribute

... There are no other restrictions on what form an ID can take; in particular, IDs can consist of just digits, start with a digit, start with an underscore, consist of just punctuation, etc. ...

---

CSS: 4.1.3 Characters and case

... they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code ...

i.e.

<div id="1"> is valid HTML, but you cannot target it with #1 {...} in CSS.

However, you can use [id="1"] {...} or escape it #\31 {...}

Answer 4

Change id="1" to id="one" since you cannot use numbers in CSS to select an id or class. Then just use div#one { // CSS Here } since you don't really need to include the class. After all you can only have one id with a specific name per page.