使用 CSS 定位 DIV 的第一个元素

我在一个表格内有一个所见即所得编辑器，该编辑器放置在 div 内，因此......

<div class="mydiv">
    <li>
        <table>My WYSIWYG</table>
    </li>
</table>

在我的所见即所得中，有更多的表，但是我只想定位第一个表，我知道我可以为该表分配一个类，但这不是我想要的。

我尝试过使用以下方法，但似乎不起作用......

.mydiv li + table {width:100%;}

你需要.mydiv li table:first-child.

更多信息.

:first-child适用于 IE7+ 和所有现代浏览器。

一个例子。

.mydiv li + table不适合你，因为它匹配这样的东西：

<div class="mydiv">
    <li></li>
    <table>My WYSIWYG</table>
</div>

另请注意，您的 HTML 存在一些问题：

<div class="mydiv">
    <li>
        <table>My WYSIWYG</table>
    </li>
</table>

• </table>最后应该是</div>.
• The div应该是一个ul， 因为li不是 的有效子代div.

我已经在上面的演示中修复了这些问题。