css - .collapsed , [折叠 ="true"]

Question

我正在做一个元素。在它引用的一个 css 文件中:

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

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

Answer 1

在 CSS 中，[collapsed="true"]将以 collapsed 为目标元素属性设置为 true .

Here is an example using HTML. collapsed 属性不是有效的 HTML 标记，这只是为了说明。

只有 <div>将选择 collapsed 设置为“true”。

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

这段代码:

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

将以 collapsed 类的所有元素为目标，以及 collapsed 属性设置为“true”的元素，并使用 display: none 将它们从 View 中移除.

---

More information on the collapsed attribute (in XUL):

If true, then the element is collapsed and does not appear. It is equivalent to setting the CSS visibility property to collapse.

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

XUL (XML User Interface Language) is Mozilla's XML-based language for building user interfaces of applications like Firefox. The term XUL is sometimes used to refer to the whole Mozilla platform (e.g. XUL applications are applications using XUL and other components of the platform).