Html Id With Numerical Value Not Recognized By Css
Solution 1:
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 {...}
Solution 2:
Please try this:
You can call either by class or ID.
div.something {
code...
}
or
div#1 {
code...
}
Solution 3:
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.
Post a Comment for "Html Id With Numerical Value Not Recognized By Css"