Often we encounter 2 places with the asterisk "*" in the div+css layout, a CSS selector that has no named name with an asterisk, and a CSS attribute word style that starts with a * in the CSS selector.
First, the CSS asterisk * Selector
* {padding:0; }
The "*" number here is a wildcard , meaning all the tags in the HTML of the page.
CSS Code: * { padding:0; margin:0; font-family:"Blackbody"}
The CSS code in the above DIV+CSS means: Set the CSS style for all the tag members in the page HTML to padding to 0,margin to 0 and the font to bold.
This eliminates the need to set up CSS stylesheets for different tag elements of the page as before, so that CSS styles for HTML tag elements are fully set and initialized.
CSS selector with a (*) asterisk in the beginning of the word
. DIVCSS5 { Border:1px solid #000; width:220px; *width:300px;}
We set a width of 220px, an asterisk with a width of 300px, such as:
After the major browser testing, we will find in IE6 and IE7 width of 300px, and in IE8 and above MSIE version, Google Chrome, Firefox (FF) browser is displayed as 220px width.
Div+css asterisk *