iNerd Blog

CSS Useful posts

Posted in WEB by Ari on 16 April 2010

Recently I found this useful CSS article by Shaun Inman. The article is title CSS Qualified Selectors – some advanced CSS stuff.

Some sneek peek:

To remove the img border that
…contained checkbox is disabled? The pointer cursor is misleading (since the label’s checkbox can’t be un/checked). Currently we need to manually class the label (or disable an additional arbitrary parent element) to correct this. With Qualified Selectors (combined with attribute selectors) we could just write:

label < input[disabled]
{
cursor: default;
}

.. To differentiate the previously visited links

ul.archive li < h3 a:visited
{
opacity: 0.5;
}

To hide an empty excerpt:

div.excerpt !< * { display: none; }

Another good post would be CSS Child and sibling selector

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: