处理许多类似的div标签

时间:2011-08-19 06:14:23

标签: html css

我的页面中有很多类似的div标签

  <div class="singleline" style="width: 524px; height: 25px;">
  <p>&nbsp;</p>
  </div>

现在我想使用css文件为这些文件提供不同的对齐方式 标签。我无法做到这一点,因为标签中的所有内容都包括在内 内容。

附加限制是我无法更改(或添加)div标签 内容要么。

有人能帮助我吗?

2 个答案:

答案 0 :(得分:0)

我能看到你使用的最佳选择是CSS3伪选择器。

http://www.w3.org/TR/css3-selectors/#structural-pseudos

您希望使用:nth-​​child或nth-of-type(),它允许您在页面上按顺序选择单个div。

但是,如果需要更改元素的顺序,或者在其他元素之上插入新div,则需要在CSS中进行大量重新排序工作。

如果可能的话,您最好的选择是给出div的个人唯一ID。

答案 1 :(得分:0)

您的问题确实令人困惑。我同意SuperPaperSam,但如果问题是您无法更改HTML我会建议(如果可能)使用javascript来操作您的DOM,直接编辑div的样式或添加它们上的类名或ID,允许它们由CSS设置样式。