css - .collapsed，[collapsed =“true”]

我正在做一个项目。并且在其中一个css文件中引用：

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

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

最佳答案

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

Here is an example using HTML.折叠属性不是有效的HTML标记，这仅用于说明。

仅选择折叠为“ true”的<div>。

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

此代码段：

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

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



More information on the collapsed attribute (in XUL):


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


注意：我可以找到的唯一关于折叠属性的参考与XUL有关


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

关于css - .collapsed，[collapsed =“true”]，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25610323/