Comments (5)
More than anything else, my reasoning has been doing classes first because it's from general to specific.
from code-guide.
Yes, it's a good (logical) reason.
But the name and id of the element should not be long. But it not so for the classes, src, and href, and in particular for data-* attributes.
from code-guide.
I’m really surprised there wasn’t a rule in here about avoiding ids because of their specificity. They’re simply too hazardous for the long-term maintenance of a project’s codebase.
from code-guide.
ids can be helpful, but yes, they should be avoided in your CSS. I'll document that—and JS classes. Opening an new issue for that.
from code-guide.
I know this issue is closed now, and I understand why you suggest to put class before ID, but why the suggested order for other attributes?
I always use this ordering:
type, name, value, src, href, for, alt, title, data-*, id, class
(I don't tend to use aria-*
or role
).
I feel that the first ones are the most important/relevant for defining the element, get less specific as you go along; therefore class
is at the end as the least relevant.
I'm not suggesting one is write and the other is wrong, but would really like to hear why you chose the order that you did (genuine interest), as I can't see a particular order for the most part.
from code-guide.
Related Issues (20)
- Missed letter "н" in word "переработаы" in Russian translation in css-organization section
- Remove 'ie-compatibility-mode.html'
- центрирование
- оодл
- link break HOT 2
- Attribute order for onclick event attributes HOT 2
- 哈哈
- Suggest using logical properties
- Add 'how to organize HTML code for better SEO' section HOT 2
- Code Guide Link to Bootstrap Property Order for Stylelint Broken HOT 1
- Add new JS section
- Some additional HTML updates
- Typo on table of content
- Missing Complete List of Properties & Their Order HOT 1
- Unclear media query placement example
- Was just wondering what your policy was on #IDs HOT 3
- html HOT 1
- Dz1
- grid
- html HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from code-guide.