What is the syntax of the CSS neighbor sibling selector

This article introduces the relevant knowledge of "what is the syntax of the CSS neighboring brother selector". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Grammatical text

The neighboring sibling resolver uses the plus sign (+), that is, the neighboring sibling Adjacent sibling combinator.

Note: as with child connectors, there is an empty character next to the adjacent sibling scatter.

Take a look at the following document tree fragment:

List item 1 List item 2 List item 3 List item 1 List item 2 List item 3

In the above snippet, the div element contains two lists: an unordered list and an ordered list, each containing three list items. The two lists are neighboring brothers, and the list items themselves are neighboring brothers. However, the list items in the first list and the list items in the second list are not neighboring brothers, because the two sets of list items do not belong to the same parent element (at best, they can only be counted as brothers).

Remember, using a matchmaker can only choose the second element of two neighboring brothers. Take a look at the determiner below:

Li + li {font-weight:bold;}

The determiner below will only bold the second and third list items in the list. The first list item is not affected.

This is the end of the content of "what is the syntax of the CSS neighbor sibling selector". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!