html - 带有CSS选择器的表格中的剧透

我正在尝试在Table中构建一个破坏器，可以打开和关闭该子显示信息。

如果.spoiler是div，它可以工作，但是使用tr时，它只是隐藏的。
这是我的文件，也许有人发现我的错误：

.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>

最佳答案

我认为您混淆了目标：

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

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