Elementor 手风琴默认关闭 - CSS

简介

当使用Elementor建立手风琴的时候，默认情况下所有项都是关闭的。如果需要默认打开其中一个或多个选项，可以通过CSS来实现。本文介绍如何通过CSS来设置Elementor手风琴项的默认打开状态。

实现步骤

1. 在Elementor中，添加一个手风琴模块，并在该模块中添加几个手风琴项。

2. 在手风琴外部添加一个CSS类名,例如：my-accordion

   Markdown代码片段:

   <div class="my-accordion">
     <!-- 手风琴模块代码 -->
   </div>
   

3. 在CSS文件中，添加以下CSS代码来实现打开指定的手风琴项。在样式表中，.my-accordion .elementor-accordion-item:first-child选择器表示选取.my-accordion类中第一个手风琴项并将其打开。

   .my-accordion .elementor-accordion-item:first-child {
     display: block !important;
   }
   

   Markdown代码片段:

   .my-accordion .elementor-accordion-item:first-child { display: block !important; }

   
   可根据需求更改选择器，以实现打开不同的手风琴项。
   
   

总结

通过以上步骤，可以轻松地设置Elementor手风琴的默认打开状态。注意，在调整CSS时，应将该CSS添加到自定义CSS文件或者子文件夹中，以避免在Elementor更新时丢失所做的更改。