#10 new

Replace b {..} with a more specific selector?

Reported by cfenzo | May 12th, 2009 @ 08:12 AM

Since the single selector "b" is used for selecting the extra rounded corners markup, all use of the <b> tag in it's original use fails miserably unless the css is overwritten for certain areas.

While the inability to use <b> in other contexts certainly isn't a problem for most front-end developers, we aren't the only ones writing content for the sites we develop (quite often we don't even touch the content). The content could (and proberably will) be generated by a variety of sources: directly from users, developers, management, through a CMS or news aggregator. Thus resulting in malformed content whenever a <b> is present.

So, my suggested solution is to add a few bytes and avoid obvious content-problems, like so:

.top, .bottom, .tl, .tr, .bl, .br {display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}

Yes, it will make the selectors for the module skins a bit longer, but that's a small price to pay for the added unobtrusivity (is that even a word?) :)

Nice OOCSS aproach, btw :) Cheers!

No comments found

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

People watching this ticket