CSS Selectors

Rating 3.00 out of 5

CSS Selectors are the most handy way to apply styles to select HTML elements. CSS Selectors are widely used in jQuery and HTML DOM Parsers etc.

a.[href*="jpg"] {
color : green;
}

This will apply the style to all anchor tags which have their href tag linking to jpg images.

a.[href*="jpg"][id="nav"] {
color : green;
}

This will apply the . . . → Read More: CSS Selectors

CSS margin style property not working

Rating 3.00 out of 5

There’s a weird characteristic of margin style property. Instead of adding two margins together, a web browser applies the larger of the two margins. This is called colliding margins.

For example, if there an unordered list tag above a paragraph tag. The list tag is assigned with the bottom margin of 20 pixels . . . → Read More: CSS margin style property not working

CSS font-size property not working in Internet Explorer

Rating 3.00 out of 5

CSS (Cascading Style Sheete) font-size property does not work properly in Internet Explorer (IE) if spcified in this way,

font-size: small

or

font-size: medium

In mozilla firefox, it works fine.

Workaround:

Use em to specify the font size e.g.,

<style  type=”text/css”>
body {font-size: 0.75em;}
</style>

 

Inheritance can cause problems, for nested tags, when em or % sizing of the text is used. For example, if you . . . → Read More: CSS font-size property not working in Internet Explorer