：首先选择在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

回答

相关问题