：首先選擇在CSS

-1

不工作我預期的用法：第一選擇通過下面的例子來demonstarted。唉!段落不會背景變成紅色。有人可以幫忙嗎？：首先選擇在CSS

p:first{background:red;}

<p>This is paragraph 1.</p> 
 

 
<p>This is paragraph 2.</p> 
 

 
<p>This is paragraph 3.</p>

參考文獻：https://developer.mozilla.org/en/docs/Web/CSS/:first

注：問題是這個特定的選擇示範。所以，請堅持下去！

來源

2017-02-24 Deadpool

你應該使用'號碼：首個，type'代替。 –

竟然有'：第一letter'和'：第一line' – Banzay

他們psedudo元素。：first＆：last - 是僞類。 – Deadpool

從參考鏈接到您：

的：第一@page CSS僞類描述了第一頁時打印文檔的樣式。

第一段是一個段落，而不是一個頁面。您正在屏幕上呈現文檔，而不是將其打印到紙張上。

考慮:first-child代替。

來源

2017-02-24 11:11:20 Quentin

這是一個具體的實現在打印頁面。爲什麼不將這個選擇器用於其他場景呢？ – Deadpool

@Deadpool - 因爲「第一頁」在其他情況下沒有意義（因爲沒有頁面） – Quentin

因此，不能將它用作常規選擇器？ – Deadpool

您需要添加子：

號碼：第一個孩子{背景：紅色;}

p:first-child{background:red;}

<p>This is paragraph 1.</p> 
 

 
<p>This is paragraph 2.</p> 
 

 
<p>This is paragraph 3.</p>

來源

2017-02-24 11:24:19

我知道... – Deadpool

？像這樣它會變成你想要的紅色。我是否誤解了你的問題？ –

jQuery有一個被稱爲選擇：第一，但它與CSS無關：第一個選擇器。

$("p:first").css ("background", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>This is paragraph 1.</p> 
 

 
<p>This is paragraph 2.</p> 
 

 
<p>This is paragraph 3.</p>

來源

2017-02-24 11:34:34

：首先選擇在CSS

回答

相關問題