个人中心
gpt4 book ai didi

css - Internet Explorer 6 css 顺序很重要的错误

转载 作者：太空宇宙 更新时间：2023-11-03 21:59:30 24 4
gpt4 key购买 nike

也许一整天后，我探索了 IE6 中的新错误(对我而言)。 css 样式的顺序很重要。该样式仅适用于第一个 child (在 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>

因此，如果将类“一”更改为类“二”，则 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%;
    }

只需将类“一”与类“二”交换“二”类会起作用，但“一”类不会。如何解决这个问题或者这是不可能的？

最佳答案

这是一个 known IE6 bug .它会忽略除第一个之外的所有 #id.class。

关于css - Internet Explorer 6 css 顺序很重要的错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11488079/

24 4 0
文章推荐： python - python 3.6.4 中的错误 Opencv 3
文章推荐： c# - 如何在工作服务器上实现类似IIS的线程池
文章推荐： c# - 迭代所有元素并获取文本？
文章推荐： node.js - Windows上的Docker Node开发环境
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com