也许一整天后，我在 IE6 中探索新的错误（对我来说）。css 样式的顺序很重要。该样式仅适用于第一个孩子（在 css 文件中，不在元素中）。这很难解释，但这些例子会告诉你我的意思。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
#container #p.one
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container #p.two
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container
{
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="container">
<div id="p" class="one">123</div> <!-- change class "one" with "two" -->
</div>
</body>
因此，如果您将“one”类更改为“two”类，则 div 将失去样式。样式一和二完全一样。
但如果你改变：
<div id="p" class="one">
和
<div id="p" class="two">
并更改样式：
#container #p.one
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container #p.two
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container
{
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
}
到：
#container #p.two
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container #p.one
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container
{
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
}
只需将“一”类与“二”类交换“二”类将起作用，但“一”则不行。如何解决这个问题或这是不可能的？