CSS entries starting with a symbol

Every at-rule, plus the entries whose names start with a symbol rather than a letter: custom properties (--*), legacy -webkit- names, and the selector symbols such as &, *, ., # and [ ].

NameDescription
At-rule
@annotationAn @font-feature-values block naming annotation alternates.
@bottom-centerA page-margin rule for the centre box in the bottom margin.
@bottom-leftA page-margin rule for the left box in the bottom margin.
@bottom-left-cornerA page-margin rule for the bottom-left corner box of a printed page.
@bottom-rightA page-margin rule for the right box in the bottom margin.
@bottom-right-cornerA page-margin rule for the bottom-right corner box of a printed page.
@character-variantAn @font-feature-values block naming character variants.
@charsetDeclares the character encoding at the very start of a style sheet.
@containerApplies rules based on the size or state of an ancestor container.
@counter-styleDefines a custom counter style for list markers and counters.
@font-faceDefines a downloadable web font and the faces it covers.
@font-feature-valuesNames a font's alternate glyphs for use in font-variant-alternates.
@font-palette-valuesDefines a named custom colour palette for a colour font.
@functionDefines a custom function that takes arguments and returns a value.
@historical-formsAn @font-feature-values block for historical forms.
@importLoads another style sheet, optionally into a layer or under a condition.
@keyframesDefines a named animation as a list of keyframes.
@layerDeclares a cascade layer, so groups of rules win or lose by layer order.
@left-bottomA page-margin rule for the bottom box in the left margin.
@left-middleA page-margin rule for the middle box in the left margin.
@left-topA page-margin rule for the top box in the left margin.
@mediaApplies rules when a media query about the device or viewport matches.
@namespaceDeclares an XML namespace or namespace prefix for selectors.
@ornamentsAn @font-feature-values block naming ornament glyphs.
@pageStyles printed page boxes: size, orientation and margins.
@position-tryDefines a named fallback position for an anchor-positioned box.
@propertyRegisters a typed custom property that can be animated.
@right-bottomA page-margin rule for the bottom box in the right margin.
@right-middleA page-margin rule for the middle box in the right margin.
@right-topA page-margin rule for the top box in the right margin.
@scopeLimits rules to a subtree, optionally stopping at a lower boundary.
@starting-styleThe styles a newly shown element transitions from.
@stylesetAn @font-feature-values block naming stylistic sets.
@stylisticAn @font-feature-values block naming stylistic alternates.
@supportsApplies rules only if the browser supports a declaration or feature.
@swashAn @font-feature-values block naming swash alternates.
@top-centerA page-margin rule for the centre box in the top margin.
@top-leftA page-margin rule for the left box in the top margin.
@top-left-cornerA page-margin rule for the top-left corner box of a printed page.
@top-rightA page-margin rule for the right box in the top margin.
@top-right-cornerA page-margin rule for the top-right corner box of a printed page.
@view-transitionOpts a page in to view transitions across navigations.
Combinator
+Next-sibling combinator: matches the element immediately after another.
>Child combinator: matches elements whose parent matches the left side.
~Subsequent-sibling combinator: matches any later sibling of another element.
Keyword
-infinityMath constant: the smallest possible value, clamped to the allowed range.
Property
--*Custom properties: author-named values read with var().
-webkit-box-alignLegacy box cross-axis alignment. Deprecated; use align-items.
-webkit-box-flexHow much a legacy box child grows. Deprecated; use flex-grow.
-webkit-box-ordinal-groupReorders a legacy box child. Deprecated; use order.
-webkit-box-orientLegacy box direction, still used for line clamping. Deprecated; use flex-direction.
-webkit-box-packLegacy box packing along its direction. Deprecated; use justify-content.
-webkit-line-clampClamps a block to a number of lines, ending with an ellipsis.
-webkit-text-fill-colorThe fill colour of text glyphs, overriding color for the fill.
-webkit-text-strokeShorthand for the width and colour of an outline around text.
-webkit-text-stroke-colorThe colour of the outline around text.
-webkit-text-stroke-widthThe width of the outline around text.
Selector
#idID selector: matches the element with a given id attribute.
&The nesting selector: stands for the parent rule's selector in nested CSS.
*The universal selector: matches every element.
.classClass selector: matches elements with a given word in their class attribute.
[attr]Attribute selectors: match on an attribute being present or on its value.