How to use the non-first child element selector plus the sign "+"
This article mainly introduces "how to use non-first child element selector plus sign". In daily operation, I believe many people have doubts about how to use non-first child element selector plus sign "+". The editor consulted all kinds of data and sorted out a simple and useful method of operation. I hope it will be helpful to answer the doubts about how to use non-first child element selector plus sign "+"! Next, please follow the editor to study!
The front element + target element style declares that it will only match the sibling element immediately in front of it. The selector uses the plus sign "+" to link the two selectors before and after. The elements in the selector (both siblings) have the same father, and the second must closely follow the first.
The code is as follows:
Li + li {
Color: red
}
Img, span {
Display: block
}
Img + span.caption {
Font-style: italic
Color: red
}
The color of the one line remains the same.
One
Two
Three
Before the photo
After first photo 1
After first photo 2
After The second photo
At this point, the study on "how to use the non-first child element selector plus sign" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!
