css相当于第一个:孩子首先在div中使用标题和img进行定位?

前端之家收集整理的这篇文章主要介绍了css相当于第一个:孩子首先在div中使用标题和img进行定位?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望div中的第一段比后面的所有段落都要大,但段落不是div的第一个子句.正如在W3schools上写的那样,我认为以下语法可行,但它似乎不是:
#feature > p:first-child {
    font-size: 22px;
}


#feature p {
    font-size: 16px;
}


<div id="feature">
    <h2>Feature Name</h2>
    <img class="featureimg" src="images/whatever.jpg" />
    <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</p>
    <p>Nam mattis accumsan consequat. Vivamus eu ligula magna. Cras ultrices nisl et justo convallis nec volutpat purus facilisis.Vestibulum eget augue justo,</p>
</div>

显然我可以将p元素放在他们自己的div中,但这看起来像是divitis,我想知道是否有更简单的方法来实现这一点!

http://jsfiddle.net/35yYJ/

解决方法

最直接的方法是使用CSS3:first-of-type:
#feature > p:first-of-type {
    font-size: 22px;
}

但是浏览器对它的支持很差,所以对于你的情况你可以尝试使用这个仅限CSS2的选择器,假设第一个p后面跟着一个h2和一个img(来自你的问题标题):

#feature > h2:first-child + img + p {
    font-size: 22px;
}

猜你在找的CSS相关文章