这是使用PHP添加元素ID的正确方法吗?

时间:2015-04-03 18:32:54

标签: javascript php html css

我愿意使用javascript对onmouseover和onmouseout进行一些css更改。 是使用PHP如下所示为每个元素添加唯一ID的正确方法。

<div id="header">
<div id="<?php echo "menu_id".$i++ ?>">home</div>
<div id="<?php echo "menu_id".$i++ ?>">contact</div>
<div id="<?php echo "menu_id".$i++ ?>">about</div>
</div>

2 个答案:

答案 0 :(得分:0)

我认为只使用&#34;&#34;这种情况下的CSS是更好的选择。 看看:nth-​​child()(http://www.w3schools.com/cssref/sel_nth-child.asp) 和:nth-​​of-type()(https://developer.mozilla.org/de/docs/Web/CSS/:nth-of-type

答案 1 :(得分:0)

看起来你正在处理动态内容,所以如果你需要提供所有这些独特的ID,那么这样就可以了。但是,根据您提供的图像,您尝试实现的目标不应要求每个都需要一个唯一的ID。如果您告诉我们您需要的那些ID,那么我们可以提供更多专业方式来实现。如果他们只是css钩子,可以看看nth-child(n)选择器

#header div:nth-child(2) {
    background-color: rgba(100,100,100,0.4);
}

要解决职业化问题:专业人士必须处理一些非常时髦的系统,并且必须做些事情来解决这些系统的局限性,这可能会让他们的心脏受到一点伤害。如果这是其中一种情况,那么祝贺你 - 你是专业人士!