HTML、CSS和jQuery选择器'；谜语

有没有一种方法可以使用CSS 2跨浏览器支持选择第二个内部div而不更改HTML

<div>
    <table>
          <tr>
              <td>
                   <div></div>
                   <div></div>
              </td>
          </tr>
    </table>
</div>

---

尝试使用此选择器

div div + div {
       …
}

我通过以下css规则实现了这一结果：

div {
    padding: 5px;
    background: yellow;
}

div div + div {
    background: red;
}

---

如果您试图使用jquery选择器查找内部div，那么下面的代码可能会有所帮助

var innerDiv = $('table').find('div');

对于外部

var outerDiv = $('table').parents('div');

---

尊敬。

尝试此选择器，任何选择器都可以正常工作：

  div table div { ... }

或

---

无论浏览器是否支持css3，这都适用于所有浏览器

编辑
如上所述，即使浏览器只支持css2，但如果它只支持拼图，上述代码也可以工作

div  div:first-child + div 

---

这将只影响主分区内的第二分区，而不使用css3。[第一个孩子不是css3]

您可以使用邻接选择器

div + div

---

reference:

你不能只向div添加类或id吗？用于这个div>table>tr>td>div{here style}只有一个内部div。有一百种方法可以选择这个div，为什么不告诉我们约束是什么？是否会有多个内部div？会有嵌套的div吗？外部div是否包含在其他结构中可能会产生干扰？这就是类和id的设计目的，您需要为html添加一些特殊性，否则您将遇到CSS问题，而元素上的样式不应该有这些问题。@RohitAzad

div div{…}

-Simpler这是答案。。。这只是一个谜。。。还有其他方法。

$("div div:eq(1)").css ( "CSS GOES HERE" );;  // index starts from 0

div  div:first-child + div 

div + div