适用于下一个可见兄弟姐妹的纯css选择器

Question

我在td中有多个tr。有些tds是可见的，有些是隐藏的。我想删除第一个可见td的边框。我知道使用JQuery我可以轻松实现。但我需要纯粹的css选择器解决方案。我使用邻近的（+）兄弟姐妹和所有兄弟姐妹（〜），但没有任何帮助我。请建议任何可能的解决方案例如。需要使用class =＆＃39; test＆＃39;

在元素后面设置第一个可见元素的样式

Answer 1

Jquery：（JSFIDDLE）

 $(document).ready(function(){
 $('td:hidden:first').next().css( "background-color", "green" );
});

:hidden是一个jquery扩展，它将为您提供所有隐藏的列。 :first只会获得第一个隐藏元素。 next()获得匹配元素集中每个元素的紧随其后的兄弟。