html – 将css应用于第一个表

概述请参阅此示例： https://jsfiddle.net/kevalbhatt18/w361a9hg/ 当你看到小提琴第一个strach结果窗口.否则你想要看到我想要的东西. My problem is that I crate table and apply css all working fine but now i want to apply border-left: 1px dotted; 请参阅此示例： https://jsfiddle.net/kevalbhatt18/w361a9hg/

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

My problem is that I crate table and apply CSS all working fine but
Now i want to apply border-left: 1px dotted; to only first table.

<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;    }

Note : dont apply CSS on ID directly like

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

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

解决方法 在.opendiv中使用first-child表.

像这样：

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

Updated fiddle is here.

总结

以上是内存溢出为你收集整理的html – 将css应用于第一个表全部内容，希望文章能够帮你解决html – 将css应用于第一个表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。