选择不是：目标选择器的元素？

Question

我正在尝试使用一个XML，一个XSLT和一个CSS创建一个简单的博客风格网站。 为此，我想选择只从xml中查看一个条目，我想在没有javascript或php的情况下进行。 我正在尝试使用：target selector。

我想要实现的行为是;

• index.html应该显示所有内容
• index.html＃one应该只显示id =“one”的条目
• index.html＃two应该只显示id =“two”的条目

等等。

我找到了显示最后一个兄弟的解决方案，但这不适合。我的xslt将条目转换为表格，我无法看到我如何动态解析xml以适应该解决方案。

有没有办法用css做这个，还是我应该开始学习php？

Answer 1

这应该是一个/或命题......学习PHP。它会让你受益。

但是对于只有CSS的解决方案（带有一点点.htaccess魔法）你可以将index.html重写为index.html＃all，将你的包装div设置为具有所有ID（或者你的包装ID是什么） ），然后为#all设置：target CSS以显示所有内容。

#all .YouWantToHide {
    display:none;
}

#all:target .YouWantToHide, #one:target, #two:target {
    display:block;
}

这将默认隐藏在普通页面上的所有内容（永远不会被访问，它只是设置要显示的特定项目的音调以及稍后隐藏的其他项目），显示在#all目标上（现在是默认值）页面），具体项目将根据需要显示，而其他项目将隐藏。