#css-combinators

Resolved: What does the CSS ~ (tilde/squiggle/twiddle) selector do? #computers #programming #dev

What does the CSS ~ (tilde/squiggle/twiddle) selector do?

Searching for the ~ one character isn’t easy. I was looking over some css and found this

.check:checked ~ .content { }

What does it mean?

Answer [by Rohit Azad]: What does the CSS ~ (tilde/squiggle/twiddle) selector do?

General sibling combinator

The general sibling combinator selector is very similar to the adjacent sibling combinator…

Fixed What does the "+" (plus sign) CSS selector mean? #dev #it #asnwer

What does the "+" (plus sign) CSS selector mean?

For example:

p + p { /* Some declarations */ }

I don’t know what the + means. What’s the difference between this and just defining a style for p without + p?

Answer: What does the "+" (plus sign) CSS selector mean?

This selector means that the style applies only to paragraphs directly following another paragraph. A plain “p” selector would apply…

Fixed CSS '>' selector; what is it? #dev #it #asnwer

CSS ‘>’ selector; what is it?

Possible Duplicate: What does “>” mean in CSS rules?

I’ve seen the chevron (>) used in CSS code a few times, but I can’t work out what it does. What does it do?

Answer: CSS ‘>’ selector; what is it?

It means direct descendant/child (as opposed to any level deep descendant when just space is used)

I.E.:

John 1 John 2 John 3

How to: What does the ">" (greater-than sign) CSS selector mean?

What does the ">" (greater-than sign) CSS selector mean?

For example:

div > p.some_class { /* Some declarations */ }

I don’t know what the > means. What does it select?

Answer: What does the ">" (greater-than sign) CSS selector mean?

All p tags with class ‘some_class’ which are children of a div tag.

Answer: What does the ">" (greater-than sign) CSS selector mean?

It matches pelements with…

How to: What does the CSS ~ (tilde/squiggle/twiddle) selector do?

What does the CSS ~ (tilde/squiggle/twiddle) selector do?

Searching for the ~ one character isn’t easy. I was looking over some css and found this

.check:checked ~ .content { }

What does it mean?

Answer: What does the CSS ~ (tilde/squiggle/twiddle) selector do?

General sibling combinator

The general sibling combinator selector is very similar to the adjacent sibling combinator selector. The…

How to: What does the "+" (plus sign) CSS selector mean?

What does the "+" (plus sign) CSS selector mean?

For example:

p + p { /* Some declarations */ }

I don’t know what the + means. What’s the difference between this and just defining a style for p without + p?

Answer: What does the "+" (plus sign) CSS selector mean?

This selector means that the style applies only to paragraphs directly following another paragraph. A plain “p” selector would apply…