The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Semantics, OOCSS and DRY. Re: Semantics, OOCSS and DRY.


You wouldn’t want to target these like this:

.breaking-news {
background: #eee;
color: #333;
padding: 10px 20px;

It’s to specific. Instead, make the article your component:

So something like:

.article{ /* default styles */}
.article-news{ /* news modifier styles */}