CSS Revolution - Use Condition Rules WITHIN Styles

August 13, 2008 in css

Undoubtedly you will have found many a situation where different web-browsers require different style statements. Conditional-CSS addresses this by letting you add Internet Explorer style conditions inline with your CSS statements.

Condition example

Why using it?

Conditional-CSS allows you to write maintainable CSS with conditional logic to target specific CSS statements at both individual browsers and groups of browsers.

Target CSS to any web-browser
Streamline maintenance of your CSS files
Optimise your CSS
Work around those annoying little CSS bugs
Automatic expansion and inclusion of @import statements
It’s free and open source!

Basic usage

The main use of Conditional-CSS is to be able to indicate if a particular CSS statement should be sent to a particular browser or not. Of course you won’t wish to do this often, but it is exceptionally useful when you do need to target a browser.

Any CSS statement or block can be prefixed by a conditional statement, of which there are three basic types:

[if {!} browser]
[if {!} browser version]
[if {!} condition browser version]

To get started with Conditional-CSS use the compiler to download a version suitable for your server platform, and read the usage guide, or see a demo in your own browser (original CSS).

a.button_active, a.button_unactive { display: inline-block; [if lte Gecko 1.8] display: -moz-inline-stack; [if lte Konq 3.1] float: left; height: 30px; [if IE 5.0] margin-top: -1px; text-decoration: none; outline: none; [if IE] text-decoration: expression(hideFocus=’true’); }

Requirements: PHP or C or C#
Demo: http://www.conditional-css.com/demo/
Download: http://www.conditional-css.com/download
Link: http://www.conditional-css.com/

Spread this KnowTe

Digg Del.icio.us Stumble Facebook Float Technorati Bump

Whatever you want to say!

Or search by time

Subscribe to KnowTeBook

LovedKnowTes

-->

Recommendation

Community Links

iPhone Games
Best place to get updated information related to iPod Touch apps and iPhone games
Community News: Are you Missing out in Submitting your Design Articles Online? | Design Juices
Articles can be submitted in nearly every design site around, each will often either have their own page or have a submission form in the sidebar of their pages. News can be submitted quick and easily, often bringing new droves of people to your site.
Desire Lines: Let Your Audience Shape Your Design
Desire lines show how people are actually using your design. They show how people want your website to behave.
Learn a New Photoshop Trick with VunkySearch
One of the best ways to learn a new trick in Photoshop is to grab a tutorial that catches your eye and dive right in. VunkySearch offers just that kind of eye-pleasing, pick-up learning.
Jump-Start Your Freelance Career
Practical methods of getting new freelance business
The Inside Design
Web and Graphic Design Blog
Images Of Faces: What Do They Communicate?
Three principles of design that involve how we perceive images of people are attractiveness bias, face-ism ratio, and baby-face bias.
All Da Crazy and Fun Stuffs You Can Do in PHOTOSHOP
Because a little bit craziness is healthy for your life. And there are no boundaries to what you can do in Photoshop. So fire up your imagination and let’s check out what life has got to offer today.
Gotta' love HTML5 & CSS3
Creating a tabbed animated image gallery with only HTML & CSS
Missile Defense Agency Logo – A new twist to the tale!!
Here comes a new twist to the Missile Defense Agency logo design. A striking resemblance has also been observed between the new “MDA logo design” and the “Iranian Space Agency logo design”.
Cognitive Dissonance: How Contradictory Ideas Affect Design
The theory of cognitive dissonances suggests that people are motivated to reduce dissonance by changing or rationalizing attitudes and beliefs.
web 2.0 templatesWeb 2.0 templates with simplicity, cleanliness, and elegance in design and the less number of columns and work great for all your needs and have all the great features of Web 2.0 technology.

Subscribe to RSS | Submit a Link

KnowTeBook.com

UserTalk

CSS Revolution - Use Condition Rules WITHIN Styles

Condition example

Why using it?