Jul 12, 2010 · > (greater-than sign) is a CSS Combinator(Combine + Selector). A combinator is something that explains the relationship between the selectors. A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator. There are four different combinators in CSS3: descendant selector (space) child ...

May 28, 2012 · The ~ selector is in fact the subsequent-sibling combinator (previously called general sibling combinator until 2017):

Jul 30, 2009 · The CSS that you referenced is very useful to a web-designer for debugging page layout problems. I often drop it into the page temporarily so I can see the size of all the page elements and track down, for example, the one that has too much padding which is nudging other elements out of place.

Mar 2, 2009 · The dot(.) signifies a class name while the hash (#) signifies an element with a specific id attribute. The class will apply to any element decorated with that particular class, while the # style will only apply to the element with that particular id.

These are all known in CSS as at-rules. They're special instructions for the browser, not directly related to styling of (X)HTML/XML elements in Web documents using rules and properties, although they do play important roles in controlling how styles are applied.

May 9, 2010 · Very old question I know, but since this is what came up at the top of my search results, I'll go ahead and answer it with modern day CSS. Since 2021, all browsers are compatible with the :is and :where pseudo-classes::where has 0 specificity:is takes on the specificity of its most specific argument. 1

Found this on Google, needs a little update as CSS nesting is now native, rather than just the preserve of SASS (and other CSS processors). You can find details about this here: W3C - CSS Nesting Module Working Draft, 14 February 2023, while some examples can be seen here: MDN - Using CSS nesting. Both Chrome and Firefox support CSS Nesting.

The -webkit prefix on CSS selectors are properties that only this engine is intended to process, very similar to -moz properties. Many of us are hoping this goes away, for example -webkit-border-radius will be replaced by the standard border-radius and you won't need multiple rules for the same thing for multiple browsers.

Aug 12, 2022 · Note that setting the margin on the body in css style will not adjust the margin in the printer driver that defines the printable area of the printer, or margin controlled by the browser (may be adjustable in print preview on some browsers)... It will just set margin on the document inside the printable area.

May 18, 2010 · Quentin's :not() solution works great for modern browsers:. p:not(:first-child) { color: red; } His alternative for older browsers also works well, except it makes use of an overriding rule for the first child.