How to understand the css ordinary brother selector

This article mainly introduces "how to understand the css ordinary brother selector". In the daily operation, I believe many people have doubts about how to understand the css ordinary brother selector. The editor consulted all kinds of data and sorted out a simple and easy-to-use method of operation. I hope it will be helpful for you to answer the doubts about "how to understand the css ordinary brother selector". Next, please follow the editor to study!

1. The CSS normal sibling selector refers to all elements connected to another element, both of which have the same parent element.

2. The ordinary brother selector uses the tilde (~) as the combination of the ordinary brother.

Example

The ordinary sibling selector .ancestor {width: 500px; height: 300px;} .parent {width: 300px; height: 200px;} .child {width: 200px; height: 100px;} / * locates the element * / .child1 ~ div {background-color: lightcoral;} this is ancestor of .child1. This is parent. This is child0. This is child1. This is child2. This is child3. At this point, the study on "how to understand the css ordinary brother selector" 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!