Shulou(Shulou.com)06/03 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.