選擇子元素 css

Question

嘿，所以我正在為我正在接受的網頁設計 class 做一些事情。 我正在嘗試 select 這些<h2>的內部元素<divclass=left>但它對我不起作用。

 nav { display: flex; flex-direction: row; height: 75px; background-color: rebeccapurple; color: white; justify-content: space-between; }.left h2{margin-left: 20px}.right{ } body{padding:0; margin: 0}.boxs { display: flex }.boxs>* { padding: 5px; height: 200px; border: black solid 2px; box-sizing: border }

 <nav> <nav> <div class=left></div> <i class="fas fa-ad"></i> <h2>Home</h2> <h2>Browser</h2> <h2>Download</h2> <h2>Contact us</h2> </nav> <div class="right"><h2>Sign-in</h2></div> </nav>

Answer 1

您left帶有 class 的 div 沒有包裝任何東西。 如果您希望 CSS .left h2工作，您的 HTML 應該如下所示。

 .left h2{margin-left: 20px}

 <nav> <nav> <div class="left"> <i class="fas fa-ad"></i> <h2>Home</h2> <h2>Browser</h2> <h2>Download</h2> <h2>Contact us</h2> </div> </nav> <div class="right"> <h2>Sign-in</h2> </div> </nav>

Answer 2

如果你想 select h2 元素，你可以試試這個：

nav h2 {
  color: red;
}