有没有办法在html中修改css div的属性

概述我对css和html有点新的形式来自Actionscirpt ..我很想知道是否有更好的方法来做到这一点. 我创建了一个带有以下div的外部css. #myDiv{position:absolute;top:200px;left:200px; width:200px;height:200px;} 并在HTML中我想使用相同的div为3个不同的值具有不同的值/属性. <div id=" 我对CSS和HTML有点新的形式来自Actionscirpt ..我很想知道是否有更好的方法来做到这一点.

我创建了一个带有以下div的外部CSS.

#mydiv{position:absolute;top:200px;left:200px;  wIDth:200px;height:200px;}

并在HTML中我想使用相同的div为3个不同的值具有不同的值/属性.

<div ID="mydiv">The top and left needs to be 150px</div><div ID="mydiv">The top and left needs to be 200px</div><div ID="mydiv"> The top and left needs to be 300px</div>

有没有一种简单的方法可以在CSS中创建3个div …

解决方法 首先,ID是唯一的元素,每页只能有1个.

要将相同的样式应用于多个元素,您应该使用一个类.

<div >

然后从CSS中,使用点(.)而不是散列(#)来定义该类的样式.即

.name-of-my-common-style {    position:absolute;    top:200px;    left:200px;      wIDth:200px;    height:200px;}

要覆盖任何样式,可以使用内联CSS

<div  > ... </div>

这将从我的共同风格名称中选取原始样式,但由于内联宽度设置为150px而覆盖宽度.

另一种方法是为每个宽度声明创建一个单独的类,并将其应用于元素.即

.name-of-my-common-style { ..default styles here..}.wIDth-150 {wIDth: 150px;}.wIDth-200 {wIDth: 200px;}

等等…

然后你可以像这样使用它.

<div >I'm 150px wIDe</div>

希望这可以帮助.

总结

以上是内存溢出为你收集整理的有没有办法在html中修改css div的属性全部内容，希望文章能够帮你解决有没有办法在html中修改css div的属性所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。