general sibling selector

deadlymuffin answered on March 11, 2020 Popularity 9/10 Helpfulness 4/10

answer general sibling selector

general sibling selector

Comment

/* The general sibling combinator (~) separates
two selectors and matches the second element 
only if it follows the first element 
(though not necessarily immediately), 
and both are children of the same parent element. */

/* Paragraphs that are siblings of and
   subsequent to any image will be red */

img ~ p {
  color: red;
}

<img src="myimg.png"/>
<p>This will be red!</p>

Popularity 9/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css selector

Link to this answer
Share Copy Link

Contributed on Mar 11 2020

deadlymuffin

0 Answers Avg Quality 2/10

general sibling selector

Contents

More Related Answers

general sibling selector

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.