0

我正在尝试使用一个 XML、一个 XSLT 和一个 CSS 制作一个简单的博客风格网站。为此，我希望可以选择仅查看 xml 中的一个条目，并且我想在没有 javascript 或 php 的情况下执行此操作。我正在尝试使用 :target 选择器来执行此操作。

我想要实现的行为是；

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

等等。

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

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

4

1 回答 1

0

这应该是一个非此即彼的命题……学习 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 目标上显示（现在是默认页面），并且特定项目将根据需要显示，而其他项目将隐藏。

于 2013-03-29T19:48:30.020 回答