如何在兩個條件類中選擇多個類？

HTML代碼：如何在兩個條件類中選擇多個類？

<html class="mobile portrait"> 
    <body> 
     <div> 
      <header> 
       <img class="company_logo"> 
      </header> 
      <section> 
       <div> 
        <img class="company_logo"> 
       </div> 
      </section> 
      <footer> 
       <img class="company_logo"> 
      </footer> 
     </div> 
    </body> 
</html>

爲了display: none;，如何申請一個規則.company_logo而.mobile .portrait：

更新：編輯HTML代碼中加入多個company_logo。從代碼的問題刪除：

/* CSS code */ 
.mobile .portrait > body > div > header > .company_logo { 
    display: none; 
}

來源

2016-01-13 quantme

'.mobile.portrait .company_logo'？這就是說找到一個'company_logo'類的元素，這個類裏面的兩個類都是'mobile，portrait' –

順便說一下，它應該是'.mobile.portrait> ....'（不含空格） –

什麼@JuanMendes說，由於它們在同一個標簽上，所以'.mobile'和'.portrait'之間沒有空格。 '.mobile.portrait .company_logo' –

/* Matches elements with the class of company_logo that are 
    inside an element with both "mobile" and "portrait" classes */ 
.mobile.portrait .company_logo { 
    /* style here */ 
}

來源

2016-01-13 17:11:34

我更新了問題。 – quantme

如何在兩個條件類中選擇多個類？

回答

相關問題