【问题标题】:combining css selectors to show/hide siblings组合 CSS 选择器来显示/隐藏兄弟姐妹
【发布时间】:2012-10-18 13:39:17
【问题描述】:

我正在使用 jqUI 构建一个带有内容窗格和侧菜单的应用程序。

当页面显示列表时,我想隐藏一些菜单内容,但是当页面显示一个项目时,我想显示菜单内容。

我创建了一个非常基本的 jsfiddle 作为示例 http://jsfiddle.net/pq83M/8/

我不想在 javascript 中执行此操作,因为页面转换位于 jqui 库中,并且我认为单独监听此特定转换不是有效的。

我希望弄清楚的是一种表达方式

div#content > div#list_item.active ~ div#menu > div#list_item_details {
  display:block;
}

需要注意的是~ 正在寻找div#content 的兄弟姐妹,而不是div#list_item.active 的兄弟姐妹。

我正在使用 Sass,因此可以使用这些自定义选择器。

【问题讨论】:

  • 我没有听说过 Sass 提供的任何自定义选择器。
  • @BoltClock 他是指mixins 还是指南针?

标签: css css-selectors sass


【解决方案1】:

如果我正确理解您的问题,您希望根据父母 (div#content) 查找兄弟姐妹,但只能根据孩子 (div#list_item.active) 从特定父母开始。

如果是这样,这在 CSS 选择器级别 3 中是不可能的,但它会出现在 CSS 选择器级别 4 中;您将能够选择您的操作/比较的主题。 http://dev.w3.org/csswg/selectors4/#subject

【讨论】:

    猜你喜欢
    • 2012-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 2019-04-26
    相关资源
    最近更新 更多