What is General sibling combinator?

It used ~ separets two selector, The second selector will match all the element, and the first select and the second selector are children of the same parent element.

syntax

the_first_elemnt ~ the_second_element {
 style: properties
}

There is a example like this.

###Examples

p ~ div {
  color: red;
}

<div>This is not red.</div>
<p>hello world</p>
<span>Here is some code.</span>
<div> here is a red div!</div>
<div>Is this  a red div?</div>
<span>read more…</span>
<div> Hi </div>
<p> Whatever it may be, keep smiling. </p>
<h1> One more thing </h1>
<div>this is a red div!</div>

result

Now I deploy the example on General Sibling Combinator, It ’s ok