[Ask for advice] Questions about the css selector selecting a specific element_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:23:50
Original
1033 people have browsed it

There is a page layout as follows:

<div id="content" >     <p class="tag">第一段</p>     <p class="tag">第二段</p>     <p class="tag">第三段</p> </div> 
Copy after login


Regarding the above content, please tell me how to use only css code (not practical js) to make the "second Set the color of "Second Section" to red and the color of "Second Section" to blue.

Well, that’s it. I feel like the css selector is not accurate enough to select which element, but someone asked me this question and I couldn’t even think of it. Thank you everyone for coming!


Reply to the discussion (solution)

For CSS2, it seems that there is only first-child
CSS3 will be fine
Reference: http://www.qianduan. net/taming-advanced-css-selectors.html

For CSS2, it seems that only first-child
CSS3 will be fine
Reference: http://www.qianduan.net/taming- advanced-css-selectors.html

Ah, it is indeed this ":nth-child(2)", right? It seems that only CSS3 can be used, but this thing works in IE8 or lower versions of IE Does it work?


For CSS2, it seems that there is only first-child
CSS3 is fine
Reference: http://www.qianduan.net/taming-advanced-css-selectors.html

Ah, it is indeed this ":nth-child(2)", right? It seems that only CSS3 can be used, but does this thing work in IE8 or lower versions of IE?
At first, if you are just trying to answer the specific scenario he proposed, CSS2 should also be able to
Use :first-child combined with :after



In CSS2, it seems that only first -child
CSS3 is no problem
Reference: http://www.qianduan.net/taming-advanced-css-selectors.html

Ah, it is indeed this ":nth-child" (2)" Right, it seems that only CSS3 can be used, but will this thing work in IE8 or lower versions of IE?
If I were to jump into the trap at first and just answer the specific scenario he proposed, CSS2 should also be able to
Use :first-child combined with :after


Indeed, I thought about choosing first at first. -child, and then select adjacent elements, but it seems to be too limiting, haha.

Well, thank you for your help!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template