开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >IE不理解CSS继承。

问IE不理解CSS继承。
EN

Stack Overflow用户

提问于 2012-09-24 08:13:27

回答 1查看 372关注 0票数 0

我对有一个问题，当然，它在其他浏览器中运行得很好。所以我有一个CSS类。我正在做一个像一个框架，有一个左，中，右的部分，但有三个不同的颜色方案。因此，我不想创建9个不同的类，我使用CSS功能，如下例所示：

.container-header .left { /* Some styles here... */ }
.container-header .left.style1 { /* Some styles here... */ }
.container-header .left.style2 { /* Some styles here... */ }
.container-header .left.style3 { /* Some styles here... */ }

.container-header .middle { /* Some styles here... */ }
.container-header .middle.style1 { /* Some styles here... */ }
.container-header .middle.style2 { /* Some styles here... */ }
.container-header .middle.style3 { /* Some styles here... */ }

.container-header .right { /* Some styles here... */ }
.container-header .right.style1 { /* Some styles here... */ }
.container-header .right.style2 { /* Some styles here... */ }
.container-header .right.style3 { /* Some styles here... */ }

一切都很完美，然后我打开了I浏览器。在我的HTML中，有一个简单的结构，如下所示：

<div class="container-header">
    <div class="left style1"></div>
    <div class="middle style1"></div>
    <div class="right style1"></div>
</div>

问题是IE有自己的意见，在代码中的最后一个元素之前跳过所有的CSS样式。我的意思是，left style1和Midstyle1正在使用right style1样式进行渲染。我不知道如何使IE阅读之前的样式，而不是跳过它们。如果有人写他的意见，我会很高兴的。谢谢:)

PP:对不起，我的英语不好。:(

internet-explorer

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-09-24 08:15:24

您的页面可能处于古怪模式，因此需要向页面中添加一个doctype声明，以使其在标准模式下呈现。

IE中的古怪模式有一个错误，导致它只读取类选择器链中的最后一个类，因此它处理您的规则如下：

.container-header .left { /* Some styles here... */ }
.container-header .style1 { /* Some styles here... */ }
.container-header .style2 { /* Some styles here... */ }
.container-header .style3 { /* Some styles here... */ }

.container-header .middle { /* Some styles here... */ }
.container-header .style1 { /* Some styles here... */ }
.container-header .style2 { /* Some styles here... */ }
.container-header .style3 { /* Some styles here... */ }

.container-header .right { /* Some styles here... */ }
.container-header .style1 { /* Some styles here... */ }
.container-header .style2 { /* Some styles here... */ }
.container-header .style3 { /* Some styles here... */ }

这也会影响标准模式下的IE6，而标准模式的唯一解决办法是为您的HTML元素分配唯一的类。另请参阅this answer以获得插图。

顺便提一句，这不是继承错误，而是级联错误(或者更确切地说，是选择器解析错误导致了糟糕的级联)。

票数 7

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12568902

复制

相关文章

Droid@screen：在PC屏幕上显示Android手机屏幕

这里介绍一款工具——Droid@screen，用来获取手机屏幕，显示在PC屏幕上。它集截图、录像等多种功能于一体。

流柯

2018/08/30

2.3K0

Android 手机如何拍摄RAW图

android 图像处理 https 网络安全

专业玩摄影的朋友可能更倾向于使用相机的RAW格式，然后自己做后期处理，而不是直接拍摄JPEG格式的图片。

雪月清

2020/09/01

3.6K0

Android 手机如何拍摄RAW图

Android极速开发之手机屏幕

android 人工智能

获取屏幕宽高手机横竖屏的判断 public class ScreenUtils { public static int getWidth(Context context) { WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); DisplayMetrics outMetrics = new DisplayMetrics();

Javen

2018/08/21

6040

Android动态控制手机屏幕方向

想要在应用中控制手机屏幕显示方向，可以在onCreate中用一句代码搞定： setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_SENSOR); 手机屏幕的朝向有7个可选值，分别如下 SCREEN_ORIENTATION_BEHIND //继承Activity堆栈中当前Activity下面的那个Activity的方向 SCREEN_ORIENTATION_LANDSCAPE // 横屏(风景照) ，显示时宽度大于高度 SCREEN_O

张拭心 shixinzhang

2022/11/30

1.3K0

Android手机全面屏（18：9屏幕）适配指南

从小米MIX 1发布以来，越来越多所谓“全面屏”手机发布，如三星S8，小米MIX2，VIVO X20，Google Pixel2等等...2017年下半年开始，“全面屏”将大范围覆盖，低至千元机水平，就像当年手机屏幕从720P到1080P过渡一样，历史车轮，滚滚向前，不可阻挡！

用户2802329

2018/08/07

1.9K0

Android手机全面屏（18：9屏幕）适配指南

Android手机全面屏（18：9屏幕）适配指南

从小米MIX 1发布以来，越来越多所谓“全面屏”手机发布，如三星S8，小米MIX2，VIVO X20，Google Pixel2等等…2017年下半年开始，“全面屏”将大范围覆盖，低至千元机水平，就像当年手机屏幕从720P到1080P过渡一样，历史车轮，滚滚向前，不可阻挡！

程思扬

2022/01/10

1.6K0

Android手机全面屏（18：9屏幕）适配指南

手机拍摄动态照片如何制作成GIF表情或视频？以小米手机&iPhone为例转换

目前市面上的手机基本都支持动态照片的功能，iPhone上叫实况照片，Android以小米为例叫动态照片，其原理大概是拍摄一组照片合并展示，长按照片就可以播放动态过程，并且是有声音的。那么问题来了，拍摄下的动态照片如何制作成GIF表情或视频呢？本文主要解决这个需求。这里不使用任何第三方软件即可实现转换。

用户7715973

2021/02/02

32.9K0

浅谈屏幕拍摄泄密跟踪的检测技术

编程算法 https 网络安全神经网络

前言关注屏幕拍照安全检测技术介绍数字盲水印屏幕矢量水印摄像头检测屏摄检测缓解办法参考资料

安全乐观主义

2020/05/08

11K0

Anbox：在 Linux 上运行 Android 应用程序的简单方式

ubuntu apt-get android 容器

Anbox 是 “Android in a box” 的缩写。Anbox 是一个基于容器的方法，可以在普通的 GNU/Linux 系统上启动完整的 Android 系统。

用户8639654

2021/09/23

5.4K0

【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机/平板电脑设备屏幕适配 )

布局基础兼容性手机系统

Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向等属性 , 加载不同的屏幕适配限定符目录下的资源 ;

韩曙亮

2023/03/30

7.2K0

【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机/平板电脑设备屏幕适配 )

现在,以编程方式在 Electron 中上传文件,是非常简单的!

https 网络安全 electron node.js github

本文主要探讨了在 Electron 应用中如何实现上传文件到服务器的功能，同时通过本地代理服务器来获取完整的cookie。首先介绍了在 Electron 应用中如何通过 XHR 上传文件到服务器，然后介绍了如何通过 LocalStorage 将文件保存在本地。最后，本文介绍了一种使用 Electron 创建本地代理服务器，从而获取完整的cookie的方法。

ios122

2017/12/27

5.3K0

现在,以编程方式在 Electron 中上传文件,是非常简单的!

在Windows上以服务方式运行 MSOPenTech/Redis

ServiceStack.Redis 使用教程里提到Redis最好还是部署到Linux下去，Windows只是用来做开发环境，现在这个命题发生改变了，在Windows上也可以部署生产环境的Redis，这都要感谢微软的开放，把Redis在Windows上的环境给我们搞定了，最新的版本已经支持64位了。那么Redis在32位上的存储能力受限于可用的地址空间，也就是3GB。要在Windows上运行６４位Redis ，可以从https://github.com/MSOpenTech/redis 获取一份Redis

张善友

2018/01/29

1.4K0

在Windows上以服务方式运行 MSOPenTech/Redis

【Android从零单排系列一】《Android系统发展史》

9.Android 4.0:Ice Cream Sandwich（冰激凌三明治）

再见孙悟空_

2023/02/10

1.4K0

【Android从零单排系列一】《Android系统发展史》

点击加载更多

相似问题

Android以编程方式拍摄屏幕快照

51

在android中以编程方式拍摄屏幕截图

40

以编程方式拍摄屏幕快照

11

以编程方式拍摄位图屏幕截图

12

更改方向后以编程方式拍摄屏幕

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例