.collapsed , [collapsed="true"]

Question

我正在做一个项目。在它引用的 css 文件之一中：

    .collapsed, [collapsed="true"] {
       display: none;
    }

我的问题是“collapsed=true”是什么意思？这是如何运作的？

Answer 1

在 CSS 中，将定位属性设置为 的[collapsed="true"]元素。collapsedtrue

下面是一个使用 HTML 的示例。Collapsed 属性不是有效的 HTML 标记，这仅用于说明。

只有<div>折叠设置为“true”的才会被选择。

<div collapsed="true"></div>

这个片段：

.collapsed, [collapsed="true"] {
   display: none;
}

将以 类的所有元素collapsed以及折叠属性设置为“true”的元素为目标，并使用 将它们从视图中删除display: none。

有关折叠属性的更多信息（在 XUL 中）：

如果为 true，则该元素将折叠并且不会出现。相当于将 CSS 可见性属性设置为折叠。

注意：我能找到的对折叠属性的唯一引用与XUL有关

XUL（XML 用户界面语言）是 Mozilla 基于 XML 的语言，用于构建 Firefox 等应用程序的用户界面。术语 XUL 有时用于指代整个 Mozilla 平台（例如，XUL 应用程序是使用 XUL 和平台其他组件的应用程序）。