2012-06-11 80 views
0

这是HTMLCSS为一个类应用多个选择器?

<p>x1</p> <p>x2</p> 

,我想CSS选择第一< P>然后用 “:后” 选择 “! - X1”

p:nth-child(1):after{ 
    content:"- X1 !"; 
} 

什么这应该主要做的是添加后第一个< p>
但它不工作,怎么办?

+3

'号码:第n个孩子(1)'并不意味着 “选择第一个'p'”。它的意思是“选择父元素内的第一个子元素*如果它是'p'”。你的完整的HTML是什么样的? – thirtydot

回答

3

它的工作,在这里看到:http://jsbin.com/ujolek/2/edit

你也可以这样做:

p:first-child:after{ content:"- X1 !" } 
+0

加快18秒,并提出相同的答案。 –

+0

什么样的巫术是这样的!,我只是再次尝试与我的项目,它似乎工作正常.. -conufsed-但雅感谢! –