Example of a neighbor sibling selector using CSS

For neighboring HTML elements that have the same parent element, you can use the adjacent sibling selector of CSS, and here we look at the adjacent sibling selector usage of CSS for a brief explanation:

You can select an element immediately after another element, and both have the same parent element in the code below, ITEM2 and ITEM3 will have an effect, and item1 will not have
HTML code:

<ul>    <li>item1</li>    <li>item2</li>    <li>item3</li></ul >

CSS code:

Li+li {font-size:50px;}

1. If you need to select an element immediately after another element, and both have the same parent element, you can use the adjacent sibling selector.
2. The adjacent sibling selector uses the plus sign "+" as the connector.

Example