This question already has answers here:
Purpose of asterisk before a CSS property
(6 answers)
What does an asterisk do in a CSS property name? [duplicate]
(4 answers)
Closed 3 years ago.
I clone a repository and see bellow CSS class
button,
input {
*overflow: visible;
line-height: normal;
}
I've never seen * prefix before overflow.what is *overflow exactly and what is the difference between overflow and *overflow?
It could be a typo or as I remember might be for browser compatible issues, for older version of IE browser hacks: "Asterisk hack" for IE 5,6,7.
This is used to be our life before the modern browser era, using hacks to fix browser compatible issues.
Related
This question already has answers here:
Do CSS variables work differently in Microsoft Edge?
(3 answers)
Closed 4 years ago.
I am designing a new blogger Template. I want to make it easy to change the whole template color at the same time by changing the value of the variable , so I used these lines:
:root {
--bg-color: #fff;
--url-color : #000;
--main-color : #2daeeb;
--main-hover-color : #2ca1de;
--alt-color : #ff6347;
}
but unfortunately it doesn't work in Edge browser, even though I used the prefix:
-webkit-
CSS variables are not supported by IE nor will they ever be.
Update:
CSS variables are supported in Edge since EdgeHTML 15 (packaged with Windows 10 version 15063, available since March 2017.
See here under Browser Compatibility.
Also, the W3C spec.
As an alternative you can use a CSS pre-processor to compile your CSS using variables in the way you describe.
Docs on Sass
Docs on Less
This question already has answers here:
What does a star-preceded property mean in CSS?
(4 answers)
Closed 9 years ago.
what is meaning of '*' before any CSS attribute like.
.hello
{
margin-top:5px;
*margin-top:10px;
}
Thanks
Vishal
I'll answer this because it has a quick answer. Basically it's a hack to define IE only styles. IE will ignore the syntax error and apply the CSS rule anyway. However I don't recommend it. Instead use conditional comments because its safer
This question already has answers here:
Purpose of asterisk before a CSS property
(6 answers)
What does an asterisk do in a CSS property name? [duplicate]
(4 answers)
Closed 9 years ago.
I found this properties in a CSS file from a know blog. I severely questioned its use and if it is allowed to use them, so here is the code.
*margin
*padding
Real example:
.offset1 {
margin-left: 11.325966850829%;
*margin-left: 11.219583872105%
}
It's a hack to deal with Internet Explorer compatibility
See here
It is a hack for Internet Explorer.
http://en.wikipedia.org/wiki/CSS_filter
http://www.paulirish.com/2009/browser-specific-css-hacks/
It's a hack, used to apply different styles to older IE browsers.
http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#unrecommended-asterisk_prefix
Tha means that selector is targeting ie7 and below only
This question already has answers here:
Hash sign in front of property name - CSS browser hack?
(2 answers)
Closed 9 years ago.
I have a sample CSS that I downloaded that has the entry
#text-align: right;
in it. The comment next to the entry says that this expression justifies it for IE, whereas
text-align: right;
works for Safari and Chrome. My question: what is the significance of the hash in this context?
Thanks!
This is something called a "CSS hack" which alters the behavior of IE because it is so terrible and doesn't support the latest CSS definitions. Other browsers will ignore the statement entirely (as if it were a comment) but IE will treat it as text-align:right;
This question already has answers here:
Detecting IE version using CSS Capability/Feature Detection
(18 answers)
Closed 5 months ago.
min-width: 160px;
max-width: 220px;
_width: 160px;
I know it's some version of IE, 6, 7 or 8. But can't figure out which one...
MSIE 5+ will process the tag as if there were no underscore, whereas other browsers will ignore that tag completely.
See http://wellstyled.com/css-underscore-hack.html
This smells like IE6. As far as I remember, IE7 added support for min- and max-width.
Of course this solution makes it static for IE5+6, and dynamic for other browsers.