Question

就在今天我问了

Selector for an element with certain class, if it is the one & only child of its parent?

但是，如果我们需要选择具有类的元素，如果它是一个＆amp;只有父母的“可见”孩子？我知道可以使用jQuery轻松完成，但我正在寻找一个纯CSS解决方案（适用于所有主流浏览器）。我可以为这些元素编写CSS选择器表达式吗？

Answer 1

无法确定某个对象是否与CSS“可见”，因此无法实现。请注意，jQuery也只能确定某个对象是否对于“可见”的特定定义是“可见的”。

这是example where it fails：

<body> <div style="position:absolute; top: -100px">Am I visible?</div> </body>

这是another。哎呀，即使是visibility: hidden is considered visible。有许多创造性的方法可以让人类“不可见”，因此在我们开始谈论技术之前，这个术语需要严格的定义。

Answer 2

希望它能帮助你，我们选择css dude，它只是如何选择

的例子

   div > .child:not( [style*='visibility:hidden'] ) {
   border-top:    1px solid #cccccc;
   border-bottom: 1px solid #cccccc;

 }

Demo

另一个

Demo

具有特定类别的元素的选择器，如果它是一个和一个元素。只有父母的“可见”孩子？

2 个答案: