Main program: CSS_Program
CSS syntax:
-- ~= |= ^= $= *=
| Count | Terminals: | |
| 25 | CSS_Base64: base 64 literal | |
| CSS_Class_Definition: An identifier | ||
| 130 | CSS_Comment: /* comment */ or // comment to end of line | |
| 149 | CSS_FileName: file name | |
| 3,154 | CSS_HexNumber: A hex number | |
| 25,668 | CSS_Identifier: An identifier | |
| 19,401 | CSS_Identifier_Reference: An identifier | |
| 322 | CSS_Literal: Literal quotes:"' escape:\ doubled:no multiline:no | |
| 16,285 | CSS_Number: Number exponent_chars:none suffix_chars:none trailing_period:yes ignore_char:none | |
| Count | Statistics(*) | Tokens: |
| 95 | (none | none | 1% | 99% | none | none | none | none | none) | CSS_AtEntry: (CSS_AtApply | CSS_AtCharset | CSS_AtImport | CSS_AtMedia | CSS_AtMozDocument | CSS_AtNamespace | CSS_AtProvide | CSS_AtRequire | CSS_AtSupports) |
| 262 | 30.94(96%) | CSS_Program: [CSS_Entry]* |
| 7,971 | 100% all 2.29(100%) 0% all 2.00(0%) 0% 0% 0% none | | CSS_Body: [CSS_Selectors_Group] '{' [CSS_Item]* [CSS_BackslashZero] '}' [CSS_ColonOption]* [CSS_StarPiece] [CSS_Qualifier] [','] [';'] |
| 1 | all all | | | CSS_BackslashZero: '\' CSS_Number |
| 2 | all none all all all | | | CSS_StarPiece: '*' [':'] ["first-child"] ['+'] "html" |
| 7,798 | (1% | 98% | none | 1%) | | CSS_Entry: (CSS_Comment | CSS_Body | CSS_If_Directive | CSS_AtEntry) |
| 18,234 | (0% | 0% | 0% | 99%) | | CSS_Item: (CSS_PercentItem | CSS_ToItem | CSS_Comment | CSS_Line) |
| 36 | all all all 1.67(all) all | | | CSS_PercentItem: CSS_Number '%' '{' [CSS_Item]* '}' |
| 16 | all all 1.38(all) all | | | CSS_ToItem: ("from"|"to") '{' [CSS_Item]* '}' |
| 18,261 | 0% all all 100% 0% 64% none | | CSS_Line: ['*'] CSS_Identifier (":"|"=") [CSS_Value_List] [CSS_Tab] [';'] [';'] |
| 5 | all | | | CSS_Tab: "\9" |
| 18,258 | all 2.08(17%) | | | CSS_Value_List: CSS_Value [CSS_MoreValues]* |
| 6,501 | (4% | 96%) | | | | CSS_MoreValues: (CSS_MoreValuesComma | CSS_Value) |
| 242 | all all | | | | | CSS_MoreValuesComma: ',' CSS_Value |
| 2 | all all all all | CSS_Qualifier: '[' CSS_QualifierChoice ']' ['>'] |
| 2 | (none | none | 50% | 50% | none | none | none | none | none | none) | | CSS_QualifierChoice: (("for"|"has-element-focus"|"multiple"|"readonly"|"selected"|"size"|"subframe") | CSS_QualifierClass | CSS_QualiferCode | CSS_QualifierDataToggle | CSS_QualifierDir | CSS_QualifierFrame | CSS_QualifierHighlight | CSS_QualifierRole | CSS_QualifierRow | CSS_QualifierType) |
| 8,034 | 1.72 | CSS_Selectors_Group: CSS_Selector* |
| 10,927 | all 1.46(18%) | | CSS_Selector: CSS_CompoundSelector [CSS_MoreCompoundSelectors]* |
| 79 | all all | | | CSS_Attribute_Matcher: ("="|"~="|"|="|"^="|"$="|"*=") CSS_Attr_Match |
| 79 | (87% | 13%) | | | | CSS_Attr_Match: (CSS_Identifier_Reference | CSS_Literal) |
| 198 | all none all 40% all | | | CSS_Attribute_Selector: '[' [CSS_NameSpace_Prefix] CSS_Identifier_Reference [CSS_Attribute_Matcher] ']' |
| 10,682 | all all | | | CSS_Class_Selector: '.' CSS_Identifier_Reference |
| 13,843 | (71% | 29%) | | | CSS_CompoundSelector: (CSS_Compound_Subsequent | CSS_Compound_Type) |
| 9,835 | 1.44 | | | | CSS_Compound_Subsequent: CSS_SubsequentSelector* |
| 4,008 | all all 1.15(26%) | | | | CSS_Compound_Type: ['@'] CSS_TypeSelector [CSS_SubsequentSelector]* |
| 1,923 | all all | | | CSS_Id_Selector: '#' CSS_Identifier_Reference |
| 4,008 | (100% | 0%) | | | CSS_IdentOrStar: (CSS_Identifier_Reference | '*') |
| 2,916 | all all | | | CSS_MoreCompoundSelectors: [(">"|"+"|"~"|"||")] CSS_CompoundSelector |
| | | CSS_NameSpace_Prefix: [CSS_IdentOrStar] '|' | ||
| 2,539 | all 5% all 3% | | | CSS_Pseudo_Class: ':' [':'] CSS_Identifier_Reference [CSS_Pseudo_Class_Arg] |
| | | | CSS_Nth_Expression: (CSS_Nth_Expr | ("even"|"odd") | CSS_Number) | ||
| | | | | CSS_Nth_Expr: [CSS_Number] "n" [("+"|"-")] [CSS_Number] | ||
| 67 | (3% | none | 1% | none | 96%) | | | | CSS_Pseudo_Argument: (CSS_Identifier_Reference | CSS_Literal | CSS_Number | CSS_Nth_Expression | CSS_Selectors_Group) |
| 67 | all all all | | | | CSS_Pseudo_Class_Arg: '(' CSS_Pseudo_Argument ')' |
| 15,349 | (13% | 70% | 1% | 17% | 0%) | | | CSS_SubsequentSelector: (CSS_Id_Selector | CSS_Class_Selector | CSS_Attribute_Selector | CSS_Pseudo_Class | (".media"|".media-body")) |
| 4,008 | none all | | | CSS_TypeSelector: [CSS_NameSpace_Prefix] CSS_IdentOrStar |
| 2 | all all none 50% | | CSS_ColonOption: ':' ("active"|"after"|"before"|"checked"|"decrement"|"default"|"end"|"first-child"|"focus"|"horizontal"|"hover"|"increment"|"last-child"|"link"|"-moz-any-link"|"not"|"nth-child"|"-o-prefocus"|"start"|"vertical"|"visited"|"webkit-any") [CSS_ColonParens] [','] |
| | | CSS_ColonParens: '(' CSS_ColonArgument ')' | ||
| | | | CSS_ColonArgument: (CSS_ColonArgBrackets | CSS_ColonArgColon | CSS_ColonArgDot | CSS_Number | CSS_Identifier) | ||
| | | | | CSS_ColonArgBrackets: '[' CSS_Identifier ']' | ||
| | | | | CSS_ColonArgColon: ':' CSS_Identifier | ||
| | | | | CSS_ColonArgDot: '.' CSS_Identifier | ||
| | CSS_DotClass: '.' CSS_DotWhat | ||
| | | CSS_DotWhat: ("media" | CSS_Class_Definition) | ||
| | CSS_Tag: (CSS_Id_DotClass | CSS_Identifier | CSS_DotClass | '*') | ||
| | | CSS_Id_DotClass: CSS_Identifier CSS_DotClass | ||
| 25,243 | (0% | 0% | 4% | 0% | 0% | 1% | 11% | 3% | 1% | 0% | 49% | 0% | 0% | 0% | 0% | 1% | none | 29%) | CSS_Value: (CSS_Alpha_Value | CSS_Attr | CSS_Color | CSS_Cubic_Bezier | CSS_Format | CSS_Gradient | CSS_HexNumber | CSS_Important | CSS_Literal | CSS_Microsoft_Gradient | CSS_NumericValue | CSS_Rect | CSS_RotateValue | CSS_Scale | CSS_Translate3d | CSS_URL_Value | CSS_Webkit_Image_Set | CSS_IdentifierValue) |
| CSS_AtApply: '@' "apply" "--" ("diagnostics-card-icon"|"diagnostics-caution-banner-font"|"diagnostics-chart-tick-font"|"diagnostics-chart-title-font"|"diagnostics-routine-additional-message-font"|"diagnostics-routine-name-font"|"diagnostics-settings-link-font"|"diagnostics-text-badge-font"|"diagnostics-troubleshooting-font") | ||
| CSS_AtCharset: '@' "charset" [CSS_AtCharsetACD] CSS_Literal ';' | ||
| | CSS_AtCharsetACD: '\' ("A"|"C"|"D"|"9") | ||
| 1 | all all all all | CSS_AtImport: '@' "import" CSS_ImportWhat ';' |
| 1 | (all | none | none) | | CSS_ImportWhat: (CSS_URL_Value | CSS_FileName | CSS_Literal) |
| 94 | all all all 1.44(44%) all none 3.78 all | CSS_AtMedia: '@' "media" CSS_MediaParam [CSS_MoreMediaParam]* '{' [CSS_Comment] CSS_Body* '}' |
| 153 | (80% | 5% | 16% | none) | | CSS_MediaParam: (CSS_MediaParamParens | CSS_MediaPrint | CSS_MediaScreen | "all") |
| 122 | all all all | | | CSS_MediaParamParens: '(' CSS_Line ')' |
| 7 | all | | | CSS_MediaPrint: "print" |
| 24 | all all | | | CSS_MediaScreen: ["only"] "screen" |
| 59 | 20% all all | | CSS_MoreMediaParam: [','] ["and"] CSS_MediaParam |
| CSS_AtMozDocument: '@' "-moz-document" "url-prefix" '(' CSS_Literal ')' '{' CSS_Body* '}' | ||
| CSS_AtNamespace: '@' "namespace" CSS_AtNameSpaceArg* ';' | ||
| | CSS_AtNameSpaceArg: (CSS_AtNameSpaceURL | CSS_Literal) | ||
| | | CSS_AtNameSpaceURL: [CSS_Identifier] "URL" '(' CSS_FileName ')' | ||
| CSS_AtProvide: '@' "provide" CSS_Literal ';' | ||
| CSS_AtRequire: '@' "require" CSS_Literal ';' | ||
| CSS_AtSupports: '@' "supports" ["not"] '(' CSS_Tag ':' CSS_Value ')' '{' CSS_Body '}' | ||
| CSS_If_Directive: '<' "if" "expr" '=' CSS_Literal '>' CSS_Entry* CSS_EndIf | ||
| | CSS_EndIf: '<' '/' "if" '>' | ||
| 1 | all none | CSS_QualiferCode: ("controls"|"data-original-title"|"disabled"|"hidden"|"href"|"title") [CSS_BracketsHatEquals] |
| | CSS_BracketsHatEquals: '^' '=' CSS_Literal | ||
| CSS_QualifierClass: "class" '*' '=' CSS_Value | ||
| 1 | all all all | CSS_QualifierDataToggle: "data-toggle" '=' CSS_Value |
| CSS_QualifierDir: "dir" '=' CSS_QualifierWhichDir | ||
| | CSS_QualifierWhichDir: (("rtl") | CSS_Literal) | ||
| CSS_QualifierFrame: ("aria-valuenow"|"frame"|"page") '=' CSS_Literal | ||
| CSS_QualifierHighlight: "highlight" '=' CSS_QualifierWhichHighlight | ||
| | CSS_QualifierWhichHighlight: (("strong") | CSS_Literal) | ||
| CSS_QualifierRole: "role" '=' CSS_QualifierWhichRole | ||
| | CSS_QualifierWhichRole: (("button"|"number"|"text") | CSS_Literal) | ||
| CSS_QualifierRow: "row$" '=' CSS_Literal | ||
| CSS_QualifierType: "type" '=' CSS_QualifierWhichType ["i"] | ||
| | CSS_QualifierWhichType: (("button"|"checkbox"|"date"|"datetime-local"|"email"|"file"|"month"|"number"|"password"|"radio"|"range"|"reset"|"search"|"submit"|"time"|"text") | CSS_Literal) | ||
| 1,037 | (none | 2% | 74% | 2% | 4% | 17%) | CSS_Color: (CSS_HSL_Value | CSS_QualifiedColor | CSS_RGBA_Value | CSS_RGB_Value | CSS_Transparent | ("black"|"blue"|"green"|"red"|"white")) |
| | CSS_HSL_Value: "hsl" '(' CSS_Number ',' CSS_Number ['%'] ',' CSS_Number ['%'] ')' | ||
| 21 | all all | | CSS_QualifiedColor: [("dark"|"light")] ("gray"|"grey") |
| 768 | all all all all all all all all all all 7% | | CSS_RGBA_Value: "rgba" '(' CSS_Number ',' CSS_Number ',' CSS_Number ',' CSS_Number ')' [CSS_NumericValue] |
| 22 | all all all all all all all all | | CSS_RGB_Value: "rgb" '(' CSS_Number [','] CSS_Number [','] CSS_Number ')' |
| 45 | all all | | CSS_Transparent: "transparent" CSS_NumericValue |
| 50 | all all all all all all | CSS_Alpha_Value: "alpha" '(' "opacity" '=' CSS_Number ')' |
| 2 | all all all all | CSS_Attr: "attr" '(' ("href"|"title") ')' |
| 6 | all all all all all all all all all all | CSS_Cubic_Bezier: "cubic-bezier" '(' CSS_Number ',' CSS_Number ',' CSS_Number ',' CSS_Number ')' |
| 4 | all all all all | CSS_Format: "format" '(' CSS_Literal ')' |
| 335 | all all all 3.02(all) all | CSS_Gradient: ("linear-gradient"|"-moz-linear-gradient"|"-ms-linear-gradient"|"-o-linear-gradient"|"-webkit-linear-gradient"|"-webkit-gradient") '(' CSS_Gradient_Piece [CSS_MoreGradient]* ')' |
| 1,346 | (0% | 13% | none | 7% | 43% | 33% | 4%) | | CSS_Gradient_Piece: (CSS_Gradient_Direction | CSS_Gradient_Source | CSS_NumberNumber | "linear" | ("top"|"bottom"|"left"|"right") | CSS_HexNumber | CSS_Color) |
| 5 | all all | | | CSS_Gradient_Direction: ("from"|"to") ("top"|"bottom"|"left"|"right") |
| 178 | all all all all | | | CSS_Gradient_Source: ("from"|"to") '(' CSS_Value ')' |
| | | CSS_NumberNumber: CSS_Number [CSS_Number] ['%'] | ||
| 1,011 | 82% all | | CSS_MoreGradient: [','] CSS_Gradient_Piece |
| 7,407 | all 0% | CSS_IdentifierValue: CSS_Identifier [CSS_FunctionCall] |
| 26 | all 96% all | | CSS_FunctionCall: '(' [CSS_FunctionParams] ')' |
| 111 | all all | | | CSS_FunctionAnotherParam: [','] CSS_Value |
| 25 | all 6.17(72%) | | | CSS_FunctionParams: CSS_Value [CSS_FunctionAnotherParam]* |
| 748 | all all | CSS_Important: '!' "important" |
| 66 | all all all all all all all all all 1.58(98%) all | CSS_Microsoft_Gradient: "progid" ':' "DXImageTransform" '.' "Microsoft" '.' "gradient" '(' CSS_MS_GradientPiece [CSS_More_MS_GradientPieces]* ')' |
| 169 | all all all | | CSS_MS_GradientPiece: ("startColorStr"|"endColorStr"|"GradientType"|"enabled") '=' CSS_Value |
| 103 | all all | | CSS_More_MS_GradientPieces: ',' CSS_MS_GradientPiece |
| 12,458 | all 68% 3% | CSS_NumericValue: CSS_Number [CSS_NumericSuffix] [CSS_SlashNumber] |
| 8,870 | (93% | 7%) | | CSS_NumericSuffix: (("deg"|"em"|"in"|"px"|"s"|"vw") | '%') |
| 389 | all all 100% | | CSS_SlashNumber: ("/"|"-") CSS_Number [CSS_NumericSuffix] |
| 1 | all all all all all all all all all all | CSS_Rect: "rect" '(' CSS_Number [','] CSS_Number [','] CSS_Number [','] CSS_Number ')' |
| 7 | all all all all all | CSS_RotateValue: "rotate" '(' CSS_Number "deg" ')' |
| 66 | all all all all all all | CSS_Scale: "scale" '(' CSS_Number ',' CSS_Number ')' |
| 15 | all all all all all all all all | CSS_Translate3d: "translate3d" '(' CSS_Number ',' CSS_Number ',' CSS_Number ')' |
| 174 | all all all all | CSS_URL_Value: "url" '(' CSS_File ')' |
| 174 | (14% | 86%) | | CSS_File: (CSS_FileInline | CSS_FileName) |
| 25 | all all all all all all all all all | | | CSS_FileInline: "data" ':' "image" '/' "png" ';' "base64" ',' CSS_Base64 |
| CSS_Webkit_Image_Set: "-webkit-image-set" '(' CSS_Webkit_Value [CSS_More_WebkitPieces]* ')' | ||
| | CSS_More_WebkitPieces: ',' CSS_Webkit_Value | ||
| | CSS_Webkit_Value: CSS_Value ("1x"|"2x"|"3x") | ||
Terminals = 9 (instances=65,134)
Tokens = 118 (instances=227,620)
(*) Statistics are shown in the same order as the Tokens.
Percentages are rounded; 'all' and 'none' mean 100% and 0% before rounding.
For lists, it shows the average number of occurrences, excluding empty lists.