将css应用于第一个表

Question

看到这个例子:https://jsfiddle.net/kevalbhatt18/w361a9hg/

当你看到小提琴第一个strach结果窗口.否则你想要看到我想要的东西.

我的问题是我创建表并应用css所有工作正常但现在我想应用border-left:1px点缀; 到第一张桌子.

<div class='openDiv hide'>
    <table id="addPropertyValue1"></table>
    <table id="addPropertyValue2"></table>
    <table id="addPropertyValue3"></table>
    <table id="addPropertyValue4"></table>
    <table id="addPropertyValue5"></table>
</div>

我和小孩子一起尝试过,但没有工作

.openDiv :first-child{
        border-left: 1px dotted;
    }

注意:不要直接在id上应用css

.openDiv #addPropertyValue1{
    border-left: 1px dotted;
}

想要纯css解决方案将帮助我我不希望jquery或javascript在表上应用动态类

Answer 1

使用first-child中的表.openDiv.

像这样:

.openDiv table:first-child {
    border-left:1px dotted;
}

更新的小提琴在这里.