使用元素

Question

好了，所以我一直在學習網絡編程約2個月，並已採取網上課程，但在過去的幾個星期我真的還不能換我的頭周圍的這

概念就拿我的網站我的導航頁面，例如在那裏我有

<ul class = "main-nav js--main-nav"> 

    <li><a href = "#">About us</a></li> 
    <li><a href = "#">Sign up</a></li> 

    </ul> 

現在在我的CSS我有

.main-nav 
{ 
    list-style:none; 
    float:right; 
} 

.main-nav li 
{ 
    display:inline-block; 
} 

.main-nav li a 
{ 

    text-decoration:none; 

} 

你看，我很困惑，把我的造型內.main-nav li或.main-nav li a。例如，如果我將text-decoration: none放在我的.main-nav li之內，它將不起作用。同樣如果我做display: inline-block，它也不起作用。

我只是真的不明白爲什麼事情會發生，它究竟是什麼結構？爲什麼我不能在li元素中裝飾文字？鏈接和li元素被附加，所以這看起來很奇怪。任何見解都會被讚賞。

Answer 1

/*Now in my CSS I have*/ 
 
.main-nav 
 
{ 
 
    list-style:none; 
 
    /* float:right; */ 
 
} 
 

 
.main-nav li 
 
{ 
 
    display: inline-block; 
 
    text-decoration: none; 
 
} 
 

 
.main-nav li a 
 
{ 
 

 
    text-decoration:inherit; 
 

 
}

<ul class = "main-nav js--main-nav"> 
 

 
    <li><a href = "#">About us</a></li> 
 
    <li><a href = "#">Sign up</a></li> 
 

 
    </ul>

在上面的例子中，你會看到你確實可以在LI標籤聲明text-decoration屬性。你只需要在A標籤中聲明並繼承。它所做的是繼承父項或容器的內容。請訪問以下鏈接： text decoration 和 Iheritance

Mozilla開發者網絡是一個很好的資源。只要不斷學習，最終這些東西將成爲第二天性......它只需要時間。

我注意到float：right，因爲在我的例子中不需要它。