有人可以告诉我如何让我的CSS代码不止一次地工作吗？

目前，我有2个div，每个都有一个CSS类。它们直接位于HTML文件中的彼此之下，并具有相同的代码。两者之间的唯一区别是id和类名。下面是在HTML代码：有人可以告诉我如何让我的CSS代码不止一次地工作吗？

<div class="myCircle" id="myCircle" top="0px"> 
</div> 
<div id="touchbutton" class="touchbutton" top="0px"> 
</div>

而CSS：

.myCircle { 
    position: absolute; 
    width: 65px; 
    height: 65px; 
    margin: 0px auto; 
    background-color:#ff0829; 
    -webkit-border-radius: 32.5px; 
} 

.touchbutton = { 
    position: absolute; 
    width: 65px; 
    height: 65px; 
    margin: 0px auto; 
    background-color:#ff0829; 
    -webkit-border-radius: 32.5px; 
}

的问题是，只有圆的一个正在出现，myCircle。当我制作myCircle类触摸按钮时，它会显示出来，但不是当它是类触摸按钮时。有没有在CSS中，我失踪了？

来源

2012-01-25 CSturgess

的'='的标志，下面'.touchbutton'，可能是拧的事情了，因为它不是一个有效的选择。 –

另外，如果你不知道它，jsfiddle.net是一个很好的工具，用于共享和测试js/html/css。 – Marcin

删除.touchbutton和{之间的=。

此外，根据您如何设置定位，他们将堆叠在另一个之上（除非您在其他地方设置left:或right:）。我会从HTML中删除顶部属性，并记得在类中设置不同的位置。

来源

2012-01-25 14:56:46 Parrots

...你一定在开玩笑吧。我怎么错过了？ – CSturgess

@CSturgess - 你忘了[验证]（http://jigsaw.w3.org/css-validator/） – Quentin

课后没有等号。即

.touchbutton { 
    position: absolute; 
    width: 65px; 
    height: 65px; 
    margin: 0px auto; 
    background-color:#ff0829; 
    -webkit-border-radius: 32.5px; 
}

来源

2012-01-25 14:56:59

删除从CSS等号，并检查

来源

2012-01-25 14:59:13 Vinay

有人可以告诉我如何让我的CSS代码不止一次地工作吗？

回答

相关问题