如何設置一個細節元素默認情況下，或通過CSS

Question

HTML5補充說​​，是用於標記的內容表的製品中的兩個新元素要打開：細節和總結。

details元素默認爲關閉（隱藏除摘要元素之外的所有內容），並在單擊時展開以顯示其內容。當它這樣做時，它會向細節元素添加一個「打開」屬性。

我想元素默認打開，而不必將打開的屬性添加到標記。有可能通過CSS來做到這一點，或腳本必須發揮作用嗎？

例子：

<details> 
<summary>Table of Contents</summary> 
    <ul> 
     <li><a href="#" class="active">Introduction</a></li> 
     <li><a href="/2/">Body</a></li> 
     <li><a href="/3/">Conclusion</a></li> 
    </ul> 
</details> 

Answer 1

您可以添加打開屬性到細節標籤是這樣的：

<details open> 
 
    <summary>Table of Contents</summary> 
 
    <ul> 
 
     <li><a href="#" class="active">Introduction</a></li> 
 
     <li><a href="/2/">Body</a></li> 
 
     <li><a href="/3/">Conclusion</a></li> 
 
    </ul> 
 
</details>

的屬性將被默認擴展