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

This article mainly explains "what the plus sign means in css". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what the plus sign means in css.

The plus sign in css, or "+", indicates that a neighboring brother is selected, which is called a "neighboring sibling selector", which can match the adjacent sibling element after the specified element.

This article operating environment: windows7 system, CSS3 version, Dell G3 computer.

What does a plus sign mean in css?

"+" is the selection of neighboring siblings, called the "neighboring sibling selector" selector, which can match adjacent sibling elements after the specified element.

If you need to select an element immediately after another element, and the two have the same parent element, you can use the adjacent sibling selector (Adjacent sibling selector). For example, if you want to increase the top margin of a paragraph that appears immediately after the H2 element, write: H2 + p {margin-top:50px;}

The selector reads: "Select the paragraph that appears immediately after the H2 element. H2 and p elements have a common parent element."

Extended data:

The neighboring sibling selector uses the plus sign (+), which is the neighboring sibling combinator. Note: like the child combinator, there can be a blank character next to the neighboring sibling combinator.

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 adjacent brothers, because the two sets of list items do not belong to the same parent element (cousins at most).

Keep in mind that you can only select the second element of two neighboring brothers with a combination. Look at the selector below:

Li + li {font-weight:bold;}

The above selector only changes the second and third list items in the list to bold. The first list item is not affected.

Combine with other selectors:

Neighboring sibling combinations can also be combined with other combinations:

Html > body table + ul {margin-top:20px;}

This selector is interpreted as selecting all sibling ul elements that appear immediately after the table element, which is contained in a body element, and the body element itself is a child of the html element.

Thank you for your reading, the above is the "what is the meaning of the plus sign in css" content, after the study of this article, I believe that you have a deeper understanding of the meaning of the plus sign in css, the specific use of the situation also needs to be verified by practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.