#css-selectors

Answer: css not:first-child selector #computers #fix #programming

css not:first-child selector

I have div tag and him is several ul tags.

If I trying set css properties only for first ul tag, this code works:

div ul:first-child { background-color: #900; }

But when i want set css properties each ul tags, except first, I trying this:

div ul:not:first-child { background-color: #900; }

also this

div ul:not(:first-child) { background-color: #900; }

and this

div…

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…

Fix: CSS Child vs Descendant selectors #programming #answer #dev

CSS Child vs Descendant selectors

I am a bit confused between these 2 selectors. Does the descendent selector:

div p

select all p within a div whether or not it’s an immediate descedent? So if the p is inside another div it will still be selected?

Then the child selector:

div > p

Whats the difference? Does a child mean immediate child? Eg.

<div><p>

vs

<div><div><p>

will both be selected, or…

How-to: Select elements by data attribute in CSS #programming #dev #development

Select elements by data attribute in CSS

Is it possible to select elements in CSS by their HTML5 data attributes (for example, data-role)?

Answer [by BoltClock]: Select elements by data attribute in CSS

If you mean using an attribute selector, sure, why not:

[data-role="page"] { /* Styles */ }

There are a variety of attribute selectors you can use for various scenarios which are all covered in…

How to: What does the * * CSS selector do?

What does the * * CSS selector do?

Recently I came across * * in CSS.

Site reference – Site Link.

For a single * usage in CSS style sheet, Internet and Stack Overflow is flooded with examples, but I am not sure about using two * * symbol in CSS.

I googled it, but unable to find any relevant information about this, as a single *selects all elements, but I am not sure why the site used it twice.…

Fixed Complex CSS selector for parent of active child #dev #it #asnwer

Complex CSS selector for parent of active child

Is there a way to select a parent element based on the class of a child element in the class? The example that is relevant to me relating to HTML output by a nice menu plugin for http://drupal.org. The output renders like this:

<ul class="menu"> <li> <a class="active">Active Page</a> </li> <li> <a>Some Other Page</a> </li> </ul>

My question is…

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 wildcard * in CSS for classes #dev #it #asnwer

wildcard * in CSS for classes

I have these divs that I’m styling with .tocolor, but I also need the unique identifier 1,2,3,4 etc. so I’m adding that it as another class tocolor-1.

tocolor 1 tocolor 2 tocolor 3 tocolor 4 .tocolor{ background: red; }