我似乎無法讓css first_child工作

-2

通常，這是一項非常容易的任務。出於某種原因，今天，它似乎不想工作。有什麼我做錯了嗎？我很可能瘋狂地愚蠢地問這個問題。 :)我似乎無法讓css first_child工作

這裏的CSS代碼：

#header > .navigation { 
    display: inline-block; 
} 
    #header > .navigation > a { 
     text-decoration: none; 
     color: #202020; 
    } 
     #header > .navigation > a:first_child { /* This is what isn't working */ 
      color: #ff0000; 
     }

這裏的html代碼：

<div id="header"> 
    <div class="navigation"> 
     <a href="#">Start</a> 
     <a href="#">Account</a> 
     <a href="#">Contact</a> 
     <a href="#">Whoah, what is this place?</a> 
    </div> 
</div>

是否存在與被的.navigation顯示爲inline-block的問題嗎？有必要保持一個類似的顯示模式，因爲在#header裏面有另一個div。我沒有在上面的代碼中顯示這個div，以使這個消息儘可能簡單易懂。

來源

2014-12-13 Lucipher Mogan

這是第一胎用破折號，而不是下劃線。 – BoltClock 2014-12-13 13:49:12

是的，我感謝大家幫助我解決我愚蠢的錯誤！ – 2014-12-13 15:14:21

相反的：

#header > .navigation > a:first_child

用途：

#header > .navigation > a:first-child

來源

2014-12-13 13:49:43 SKeurentjes

有區別嗎？ – Banzay 2014-12-13 13:51:49

是的。第一個孩子，而不是_ – 2014-12-13 13:56:06

傻我......謝謝！ – 2014-12-13 14:29:46

立即嘗試

這裏的CSS代碼：

#header > .navigation { display: inline-block; } 
#header > .navigation > a { text-decoration: none; color: #202020; }  
#header > .navigation > a:first-child { /* dash not underscore */ color: #ff0000; }

來源

2014-12-13 13:51:42

看起來像你分析了這個@foru – 2014-12-13 13:54:55

錯誤解決

a:first-child{ ... }

匹配<a>是他們父母的第一個孩子的元素。元素完全不同<li> -elements，所以它們都是它們父元素的第一個子元素。

參見： a:first-child modifying all links within my list

來源

2014-12-13 13:53:57

這個答案看起來很奇怪。「解決錯誤」僅僅是與問題相關的唯一文本，即使它看起來很不合適。從鏈接中獲取的文本的其餘部分根本不適用於此。 – BoltClock 2014-12-13 14:15:05

我似乎無法讓css first_child工作

回答

相關問題