我有以下標記，其中有一個<div data-name="holder"></div>用于動態(tài)內容的持有人 div。<div id="main" class="agent">  <div class="page">  <div data-name="holder">    <div class="child">        <div class="area" >           <div class="box">              <div  class="section" >                 <div data-type="text" class="widget_type_text hidden" >                     <div>                         <label for="child0name">Full name</label>                     </div>                     <div>                        <div class="validationMessage">                           Enter Name                        </div>                         <input id="child0name" type="text" name="child[0][name]" required="" title="Enter full name">                     </div>                 </div>                 <div data-type="radio" class="widget_type_radio" >                     <div>                        <fieldset>                            <legend>Gender</legend>                            <span data-value="male"><input id="child0genderMale" type="radio" name="child[0][gender]" value="male"><label for="child0genderMale">Male</label></span>                            <span data-value="female"><input id="child0genderFemale" type="radio" name="child[0][gender]" value="female"><label for="child0genderFemale">Female</label></span>                        </fieldset>                     </div>                 </div>             </div>          </div>持有者可以有多個子div，其中有一個名為 child方便的類。每個子 div 可以包含多個帶有名為 的類的 div area。每個具有名為 的類的 divarea可以包含一個具有名為 的類的 divsection每個具有名為 的類的 divsection可以包含多個表單輸入小部件，這些小部件位于具有數(shù)據類型屬性的 div 內。area具有 class或屬性的 div 的可見性section可以data-type通過包含hidden類來切換。每個 div 的可見性也可以通過包含data-access值為代理或來賓的屬性來限制 - 這可以通過向 div 添加代理或來賓類來實現(xiàn)#main。因此，如果訪客用戶正在訪問該站點，帶有 #main 的 div 將guest注入類，如果它是代理，它將有一個agent類，然后使用以下 CSS 來切換每個 div 的可見性。