`
Rainbow702
  • 浏览: 1077956 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类

IE中,给一个HTML元素同时指定多个class时,样式是怎么确定的

    博客分类:
  • web
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
	.wrappertop2{color:blue;}
	.wrappertop{color: red;}
	
	.wrappertop3{color:red;}
	.wrappertop4{color: blue;}
</style>
<title>新增消息</title>

</head>
<body>
		<div class="wrappertop wrappertop2">
			<div class="title">消息名</div>
		</div>
		<div class="wrappertop2 wrappertop">
			<div class="title">消息名</div>
		</div>
		<div class="wrappertop3 wrappertop4">
			<div class="title">消息名</div>
		</div>
		<div class="wrappertop4 wrappertop3">
			<div class="title">消息名</div>
		</div>
</body>
</html>

 结果如下图,由此可见,在<style>中后声明的样式是最终效果,而与 class="" 中式样的顺序无关

 

  • 大小: 4.4 KB
分享到:
评论

相关推荐

    HTML IE6 纯CSS 解决 position fixed 的问题

    在HTML中给body添加一个特定的类名,如`&lt;body class="ie6"&gt;`,然后在CSS中通过这个类名来定义针对IE6的样式。 6. **升级或替换浏览器**: 考虑到IE6的市场份额已经非常低,且存在诸多兼容性问题,一种更长远的...

    ie6不支持两个连续并列class类名怎么解决

    这就导致了我们无法为一个元素同时应用多个类来控制样式。比如,一个类可能控制字体大小,另一个类控制字体颜色。 在现代浏览器(如Firefox、Chrome和Safari)以及IE8及以上版本中,这样的做法是有效的,可以实现对...

    video.js 兼容ie8 的demo

    在这个"video.js 兼容ie8 的demo"中,开发者已经找到了一种可行的解决方案,并创建了一个实际工作的示例。 首先,为了在IE8中实现HTML5视频播放,我们需要依赖Flash Player。`video.js`提供了一个名为`flash`的后援...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    另一个问题是浮动元素间的间距在IE中可能被错误放大。解决方法是将浮动元素设置为`display:inline;`,以消除额外的间距。例如: ```css #box { float: left; width: 100px; margin: 0 0 0 100px; display: ...

    javascript获取指定节点父节点、子节点的方法

    在实际的开发中,我们经常需要获取页面中某个 HTML 元素,动态更新该元素的样式、内容属性等。那么如何获取要更新的这些元素呢?用 JavaScript 获取这些节点的方法有很多种,下面是总结的一些方法。 通过 document ...

    IE6中列表挡住div的解决

    当一个列表(`&lt;ul&gt;`或`&lt;ol&gt;`)和一个`&lt;div&gt;`元素相邻时,如果列表的宽度加上边框和内边距超过了其容器的宽度,IE6可能会让列表项(`&lt;li&gt;`)溢出并遮挡后面的`&lt;div&gt;`。 解决这个问题有几种常见的方法: 1. **CSS ...

    HTML、CSS里面关于 id、class、name 属性的区别和用法.docx

    这使得我们可以对多个元素应用相同的样式,而无需重复编写相同的CSS规则。例如,可以创建一个`.button`类,然后将它应用到页面上的所有按钮元素上,统一它们的外观。 在实际使用中,**id**应保持全局唯一,避免使用...

    让ie兼容css选择器

    在网页设计中,CSS(层叠样式表)选择器是用于选取HTML或XML文档中元素的重要工具,它们允许我们以更精确的方式控制页面的样式。然而,不同版本的Internet Explorer(IE)浏览器对CSS选择器的支持程度各异,尤其是较...

    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    2. **使用图片背景**:为每个元素创建具有圆角和阴影的背景图像,这种方法适用于固定大小的元素,但不适用于响应式设计,因为需要为不同尺寸创建多张图片。 3. **CSS Hack**:对于某些简单的圆角效果,可以使用特定...

    基于Jquery模拟Select,解决IE显示问题

    在网页开发中,Select元素是HTML中用于创建下拉列表的常见组件,它允许用户从一组预定义的选项中选择一个或多个值。然而,在不同的浏览器中,Select的表现可能会有所差异,尤其是对于老旧版本的Internet Explorer...

    HTML5&CSS3网页制作:CSS基础选择器.pptx

    在HTML中,多个元素可以有相同的类名,这在需要对一组元素应用相同样式时非常有用。 4. **通用选择器(通配符选择器)**:通用选择器使用`*`,它匹配任何HTML元素。虽然它可以快速地为所有元素设置初始样式,但不...

    HTML、CSS里面关于 id、class、name 属性的区别和用法.pdf

    - **复用性**:class 允许元素拥有一个或多个相同的类别名,可以在文档中多次使用。 - **用途**: - CSS 选择器:类选择器 (` .myClass`) 用于选择具有特定类别的元素,可以应用于多个元素。 - JavaScript:类似...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    IE兼容CSS3

    在提供的“让IE支持CSS3的案例”压缩包中,应该包含了一个示例项目,演示了如何使用Modernizr和JavaScript来解决IE对CSS3的兼容问题。解压并查看这个案例,你将看到如何在实际项目中应用这些技术。案例可能包括HTML...

    javascript通过class来获取元素实现代码

    而通过类名(class)获取元素是一个常用的方法,尤其是在需要对一组具有相同类名的元素进行操作时。下面将具体介绍如何通过类名来获取元素。 #### 2. 实现代码分析 首先来看一段示例代码: ```javascript ...

    html+CSS 网页作品

    在这个“html+CSS 网页作品”中,我们可以看到一个简单的网页制作实例,它充分利用了HTML的结构化元素和CSS的样式控制,以确保在IE9及以上版本的浏览器中能够正常运行。 HTML是网页内容的骨架,它定义了网页的基本...

    完美解决IE6不支持hover

    在早期的网页设计中,Internet Explorer 6 (简称IE6) 是一个常见的浏览器,但它存在很多兼容性问题,其中就包括对CSS:hover伪类的不完全支持。在本篇文章中,我们将深入探讨这个问题,并提供一系列解决方案,帮助你...

    引用 js在IE与FF之间的区别详细解析

    同样,className属性在IE中用来设置和获取元素的样式类,而在Firefox中则使用class来代替className,因为class在Firefox中是关键字,必须通过setAttribute和getAttribute方法来操作。 对于JavaScript对象的操作,...

    IE 6 下PNG图片实现透明

    解决这个问题的一个常见方法是使用CSS滤镜。IE6特有的CSS滤镜属性可以用来模拟PNG-24的Alpha透明。例如,我们可以添加以下CSS代码到PNG图片的样式表中: ```css .ie6png-fix { filter: progid:DXImageTransform....

Global site tag (gtag.js) - Google Analytics