Let's say two more words:
Body
The following csshack is valid in these browsers:
The following csshack is invalid in these browsers: # div1: First-child {
Color: red;
}
# Div1> # div2 {
Font-size: 200%;
}
HTML [xmlns] # div2 {
Text-Decoration: underline;
}
The following csshack is valid in these browsers:
The following csshack is invalid in these browsers: # div2 {
* Border: 2px solid red;
}
The following csshack is valid in these browsers:
The following csshack is invalid in these browsers: # div2 {
_ Width: 100px;
}
* Html # div2 {
Height: 100px;
}
The following csshack is valid in these browsers:
The following csshack is invalid in these browsers: * + html # div2 {
Background-color: Yellow
}
The following is the complete code. You can view it in different browsers to view the effect. <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Meta name = "keywords" content = "Yes! B/S! "/>
<Meta name = "Description" content = "this page is from http://Justinyoung.cnblogs.com"/>
<Title> CSS/JavaScript demo </title>
<Style type = "text/CSS">
*{
Font-size: medium;
Margin: 2px;
Padding: 2px;
}
/*
Valid: FF IE7 OP8
Invalid: IE6
*/
# Div1: First-child {
Color: red;
}
# Div1> # div2 {
Font-size: 200%;
}
HTML [xmlns] # div2 {
Text-Decoration: underline;
}
/*
Valid: IE6 IE7
Invalid: FF OP8
*/
# Div2 {
* Border: 2px solid red;
}
/*
Valid: IE6
Invalid: FF IE7
*/
# Div2 {
_ Width: 100px;
}
* Html # div2 {
Height: 100px;
}
/*
Valid: IE7
Invalid: FF IE6
*/
* + Html # div2 {
Background-color: Yellow
}
/* Test Min-height */
# Div3 {
Border: 1px dotted green;
Width: 100px;
/* Min-height is valid in ff and ie7.
It's very important for kill "auto height" Problem */
Min-Height: 100px;
Height: 50px;
}
</Style>
</Head>
<Body>
<Div id = "div1">
<Div id = "div2">
I'm test text.
</Div>
<Div id = "div3">
Test Min-height!
</Div>
<P>
First, we should make it clear that do not use CSS hack, because its forward compatibility is unknown. <Br/>
Based on the current situation of the Internet in China, this article mainly introduces the most common and practical CSS hack of IE6, IE7 and FF, but it does not mean that CSS only has these. <Br/>
Some are actually not CSS hack, but some new CSS selectors, such as "# div1> # div2" and "# div1: First-Child ", this type of selector can be safely used because it has better backward compatibility.
</P>
</Div>
</Body>
</Html>
Three browsers:
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
