Menu
I was putting the finishing touched on a site I'm working on and was going through and cleaning up the code...deleting unnecessary markup, renaming elements to better describe their function, etc...
For some reason my page layout became broken in IE6 as a result. IE6 is still the primary browser on the company computers. After wasting a lot of time I finally determined the source of the problem.
I renamed the DIV element that contains the main content of the page to "content". For some reason, IE didn't appreciate this and I don't know why.
Are there certain words that are not allowed for use as ID or Class names? If so, what are they and what browsers are affected?
624
Yes you can. You just need to understand what they are for, the class is more general and can be used several times, the id (is like your id's) you can use it only once.
In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, or a hyphen followed by a digit.
The class name can't contain a space, but it can contain hyphens or underscores. Any tag can have multiple space-separated class names.
A CSS pseudo-element is a keyword added to a CSS selector that lets you style a specific part of the selected HTML element. In CSS3, they are usually denoted by two colons — for example, ::first-line — to differentiate them from pseudo-classes. In contrast, CSS2 syntax uses one colon (e.g., :first-line ).
Be certain that, there is no other ID called "Content" anywhere else on the site. Having 2 objects with the same ID (In this case "content") will make CSS fail.
And remember to check your CSS has changed ID as well! :)
198
For an ID, according to the W3C:
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").
It should also go without saying, that two elements cannot have the same ID in the DOM.
For CSS class names, take a look at this StackOverflow answer.
27
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
