我们如何使用CSS选择整个文档中元素的第一次出现

本文介绍了我们如何使用CSS选择整个文档中元素的第一次出现的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 本 c><！ - Elements可以是dynamic - > < div> < section> < / section> < section> < p>第一个Para< / p> < / section> < section> < p>第二个Para< / p> < / section> < section> < / section> < / div> 现在在这种情况下，如何只选择 p 元素？ 注意：部分可以是动态的，因此 div section：nth-​​of-type（2）p { / *这将不工作* / } 解决方案这不可能单独使用CSS。你提到的元素是动态生成的，如果是这样的话，我将以编程方式把一个类放在第一个< p> > 通过这样做，您还将确保跨浏览器兼容性;因为如果是可能的，你肯定必须使用CSS3伪类。 This question stumped meSay suppose we have a structure like this<!-- Elements can be dynamic --><div> <section> </section> <section> <p>1st Para</p> </section> <section> <p>2nd Para</p> </section> <section> </section></div>Now in this case how do I select only 1st instance of p element?Note: Sections can be dynamic sodiv section:nth-of-type(2) p { /* This won't work */} 解决方案 This is not possible using CSS alone. You mentioned that the elements get dynamically generated, if that is the case then I would programmatically put a class on the first <p> and target it that way.By doing this you will also ensure cross-browser compatibility; since if it were possible, you would most definitely have to use CSS3 pseudo-classes. 这篇关于我们如何使用CSS选择整个文档中元素的第一次出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！