伪选择第n个孩子的问题

我想只选择第一个图像上移：伪选择第n个孩子的问题

#rockfon_mono:nth-child(1) img { 
 
\t margin-top:-40px; 
 
    border: solid green; 
 
\t 
 
}

<div id="rockfon_mono"> 
 
<img src="images/products/rockfon-mono/rockfon-header.png" alt="" /> 
 
<h2>Mono® Acoustic TE</h2> 
 

 
<p>Seamless acoustic ceiling and wall lining |  Acoustic and aesthetic comfort | No more compromises</p> 
 
<p>The current trend in architectural design favours the use of highly reflective, sturdy materials such</p> 
 
<div id="rockfonImageOne">  
 
    <img src="images/products/rockfon-mono/Mono.png" alt="" /> 
 
</div> 
 
<h2>Acoustics</h2> 
 

 
<p>Full acoustic control for any space | Acoustic enhancement for new and refurbished spaces | High sound absorption | Improved speech intelligibility</p> 
 
<p>Acoustic and aesthetic comfort Mono Acoustic TE’s aesthetic quality matches its acoustic quality. Mono Acoustic TE provides high sound absorption, echo reduction, a significant decrease in reverberation</p> 
 
<div id="rockfonImageOne">  
 
    <img src="images/products/rockfon-mono/Acoustics.png" alt="" /> 
 
</div> 
 
<h2>Characteristics</h2> 
 

 
<p>System description and performance the unique Mono Acoustic TE system is a highly acoustic monolithic ceiling and wall lining. This patented innovation is made of high quality stone wool for optimum</p>

然而在整个页面

来源

2014-10-20 ADRIAN

您将目标定位到ID本身（并且比它内部的每个img）将伪指派给img。 – 2014-10-20 13:05:58

选择每个图像在您的特定HTML标记中，您可以使用直接子对象作为其他imgs不是直接子对象

#rockfon_mono > img { 
    margin-top:-40px; 
    border: solid green; 
}

DEMO

来源

2014-10-20 13:08:50 laaposto

非常感谢！ – ADRIAN 2014-10-20 13:19:38

伪选择第n个孩子的问题

回答

相关问题