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 [ ].
| Name | Description |
|---|---|
| At-rule | |
@annotation | An @font-feature-values block naming annotation alternates. |
@bottom-center | A page-margin rule for the centre box in the bottom margin. |
@bottom-left | A page-margin rule for the left box in the bottom margin. |
@bottom-left-corner | A page-margin rule for the bottom-left corner box of a printed page. |
@bottom-right | A page-margin rule for the right box in the bottom margin. |
@bottom-right-corner | A page-margin rule for the bottom-right corner box of a printed page. |
@character-variant | An @font-feature-values block naming character variants. |
@charset | Declares the character encoding at the very start of a style sheet. |
@container | Applies rules based on the size or state of an ancestor container. |
@counter-style | Defines a custom counter style for list markers and counters. |
@font-face | Defines a downloadable web font and the faces it covers. |
@font-feature-values | Names a font's alternate glyphs for use in font-variant-alternates. |
@font-palette-values | Defines a named custom colour palette for a colour font. |
@function | Defines a custom function that takes arguments and returns a value. |
@historical-forms | An @font-feature-values block for historical forms. |
@import | Loads another style sheet, optionally into a layer or under a condition. |
@keyframes | Defines a named animation as a list of keyframes. |
@layer | Declares a cascade layer, so groups of rules win or lose by layer order. |
@left-bottom | A page-margin rule for the bottom box in the left margin. |
@left-middle | A page-margin rule for the middle box in the left margin. |
@left-top | A page-margin rule for the top box in the left margin. |
@media | Applies rules when a media query about the device or viewport matches. |
@namespace | Declares an XML namespace or namespace prefix for selectors. |
@ornaments | An @font-feature-values block naming ornament glyphs. |
@page | Styles printed page boxes: size, orientation and margins. |
@position-try | Defines a named fallback position for an anchor-positioned box. |
@property | Registers a typed custom property that can be animated. |
@right-bottom | A page-margin rule for the bottom box in the right margin. |
@right-middle | A page-margin rule for the middle box in the right margin. |
@right-top | A page-margin rule for the top box in the right margin. |
@scope | Limits rules to a subtree, optionally stopping at a lower boundary. |
@starting-style | The styles a newly shown element transitions from. |
@styleset | An @font-feature-values block naming stylistic sets. |
@stylistic | An @font-feature-values block naming stylistic alternates. |
@supports | Applies rules only if the browser supports a declaration or feature. |
@swash | An @font-feature-values block naming swash alternates. |
@top-center | A page-margin rule for the centre box in the top margin. |
@top-left | A page-margin rule for the left box in the top margin. |
@top-left-corner | A page-margin rule for the top-left corner box of a printed page. |
@top-right | A page-margin rule for the right box in the top margin. |
@top-right-corner | A page-margin rule for the top-right corner box of a printed page. |
@view-transition | Opts 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 | |
-infinity | Math constant: the smallest possible value, clamped to the allowed range. |
| Property | |
--* | Custom properties: author-named values read with var(). |
-webkit-box-align | Legacy box cross-axis alignment. Deprecated; use align-items. |
-webkit-box-flex | How much a legacy box child grows. Deprecated; use flex-grow. |
-webkit-box-ordinal-group | Reorders a legacy box child. Deprecated; use order. |
-webkit-box-orient | Legacy box direction, still used for line clamping. Deprecated; use flex-direction. |
-webkit-box-pack | Legacy box packing along its direction. Deprecated; use justify-content. |
-webkit-line-clamp | Clamps a block to a number of lines, ending with an ellipsis. |
-webkit-text-fill-color | The fill colour of text glyphs, overriding color for the fill. |
-webkit-text-stroke | Shorthand for the width and colour of an outline around text. |
-webkit-text-stroke-color | The colour of the outline around text. |
-webkit-text-stroke-width | The width of the outline around text. |
| Selector | |
#id | ID 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. |
.class | Class selector: matches elements with a given word in their class attribute. |
[attr] | Attribute selectors: match on an attribute being present or on its value. |