Question

我试图在我的表格中构建一个剧透，我可以打开和关闭以获取子信息。

如果.spoiler是一个div，它可以工作，但是只有它才被隐藏这是我的档案，也许有人发现我的错误：

.spoiler {
    visibility:hidden;
}

.trigger.close {
    display: none;
}

.trigger.open:target {
    display: none;
}

.trigger.open:target + .trigger.close {
    display: inline;
}

.trigger.open:target + .spoiler {    
  visibility: visible;
}

<a href="#spoiler-open-1" id="spoiler-open-1" class="trigger open">Open</a>
<a href="#spoiler-close-1" id="spoiler-close-1" class="trigger close">Close</a>
<table>
    <tr>
        <td>1</td>
    </tr>

    <tr class="spoiler">
         <td>1.1</td>
    </tr>
</table>

Answer 1

我认为你混淆了目标：

> .spoiler{display:none} .spoiler:target {display:table-row}

这个jsfiddle是你想要的吗？ http://jsfiddle.net/zjkg9w7b/

用CSS选择器的表中的扰流板

1 个答案: