Move syntax guides under syntax module (#38148)

* Move syntax guides under syntax module * Update files/en-us/web/css/css_syntax/at-rule/index.md * Update files/en-us/web/css/css_syntax/at-rule/index.md * Update files/en-us/web/css/css_syntax/syntax/index.md Co-authored-by: Chris Mills <[email protected]> --------- Co-authored-by: Chris Mills <[email protected]>
mdn · Feb 14, 2025 · a850ca8 · a850ca8
1 parent be7ff0e
commit a850ca8
Show file tree

Hide file tree

Showing 104 changed files with 255 additions and 255 deletions.
diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
@@ -453,7 +453,7 @@
 /en-US/docs/CSS/Adjacent_sibling_selectors	/en-US/docs/Web/CSS/Next-sibling_combinator
 /en-US/docs/CSS/Alias	/en-US/docs/Web/CSS/cursor
 /en-US/docs/CSS/Alternative_style_sheets	/en-US/docs/Web/CSS/Alternative_style_sheets
-/en-US/docs/CSS/At-rule	/en-US/docs/Web/CSS/At-rule
+/en-US/docs/CSS/At-rule	/en-US/docs/Web/CSS/CSS_syntax/At-rule
 /en-US/docs/CSS/Attribute_selectors	/en-US/docs/Web/CSS/Attribute_selectors
 /en-US/docs/CSS/Aural	/en-US/docs/Web/CSS/@media/aural
 /en-US/docs/CSS/CSS3_Columns	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
@@ -472,7 +472,7 @@
 /en-US/docs/CSS/Cascade	/en-US/docs/Web/CSS/CSS_cascade/Cascade
 /en-US/docs/CSS/Child_selectors	/en-US/docs/Web/CSS/Child_combinator
 /en-US/docs/CSS/Class_selectors	/en-US/docs/Web/CSS/Class_selectors
-/en-US/docs/CSS/Comments	/en-US/docs/Web/CSS/Comments
+/en-US/docs/CSS/Comments	/en-US/docs/Web/CSS/CSS_syntax/Comments
 /en-US/docs/CSS/Common_CSS_Questions	/en-US/docs/Learn_web_development/Howto/Solve_CSS_problems/CSS_FAQ
 /en-US/docs/CSS/Counters	/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters
 /en-US/docs/CSS/Currentcolor	/en-US/docs/Web/CSS/color_value#currentcolor_keyword
@@ -524,7 +524,7 @@
 /en-US/docs/CSS/Scaling_of_SVG_backgrounds	/en-US/docs/Web/CSS/Scaling_of_SVG_backgrounds
 /en-US/docs/CSS/Shorthand_properties	/en-US/docs/Web/CSS/Shorthand_properties
 /en-US/docs/CSS/Specificity	/en-US/docs/Web/CSS/CSS_cascade/Specificity
-/en-US/docs/CSS/Syntax	/en-US/docs/Web/CSS/Syntax
+/en-US/docs/CSS/Syntax	/en-US/docs/Web/CSS/CSS_syntax/Syntax
 /en-US/docs/CSS/Text-overflow_TEST	/en-US/docs/Web/CSS/text-overflow
 /en-US/docs/CSS/Tutorial/Using_CSS_flexible_boxes	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox
 /en-US/docs/CSS/Tutorials	/en-US/docs/Web/CSS/Tutorials
@@ -11817,6 +11817,7 @@
 /en-US/docs/Web/CSS/Adjacent_sibling_selectors	/en-US/docs/Web/CSS/Next-sibling_combinator
 /en-US/docs/Web/CSS/Alias	/en-US/docs/Web/CSS/cursor
 /en-US/docs/Web/CSS/All_About_The_Containing_Block	/en-US/docs/Web/CSS/CSS_display/Containing_block
+/en-US/docs/Web/CSS/At-rule	/en-US/docs/Web/CSS/CSS_syntax/At-rule
 /en-US/docs/Web/CSS/Aural	/en-US/docs/Web/CSS/@media/aural
 /en-US/docs/Web/CSS/Block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/Web/CSS/CSS3_Columns	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
@@ -11949,6 +11950,7 @@
 /en-US/docs/Web/CSS/CSS_values_syntax	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/Cascade	/en-US/docs/Web/CSS/CSS_cascade/Cascade
 /en-US/docs/Web/CSS/Child_selectors	/en-US/docs/Web/CSS/Child_combinator
+/en-US/docs/Web/CSS/Comments	/en-US/docs/Web/CSS/CSS_syntax/Comments
 /en-US/docs/Web/CSS/Common_CSS_Questions	/en-US/docs/Learn_web_development/Howto/Solve_CSS_problems/CSS_FAQ
 /en-US/docs/Web/CSS/Compositing_and_Blending	/en-US/docs/Web/CSS/CSS_compositing_and_blending
 /en-US/docs/Web/CSS/Containing_block	/en-US/docs/Web/CSS/CSS_display/Containing_block
@@ -11980,6 +11982,7 @@
 /en-US/docs/Web/CSS/Selector_lists	/en-US/docs/Web/CSS/Selector_list
 /en-US/docs/Web/CSS/Selectors	/en-US/docs/Web/CSS/CSS_Selectors
 /en-US/docs/Web/CSS/Specificity	/en-US/docs/Web/CSS/CSS_cascade/Specificity
+/en-US/docs/Web/CSS/Syntax	/en-US/docs/Web/CSS/CSS_syntax/Syntax
 /en-US/docs/Web/CSS/Text-overflow_TEST	/en-US/docs/Web/CSS/text-overflow
 /en-US/docs/Web/CSS/Tools	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/Tools/Border-image_generator	/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator

diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
@@ -75814,38 +75814,6 @@
       "DBaron"
     ]
   },
-  "Web/CSS/At-rule": {
-    "modified": "2020-11-13T09:49:20.788Z",
-    "contributors": [
-      "ramiy",
-      "hinell",
-      "mfuji09",
-      "wbamberg",
-      "sashakrauzer",
-      "erictleung",
-      "cbb",
-      "xfq",
-      "mfluehr",
-      "Alhadis",
-      "BychekRU",
-      "Sebastianz",
-      "pygy",
-      "cvrebert",
-      "jwhitlock",
-      "bradleyflood",
-      "teoli",
-      "diraniyoussef",
-      "trevorh",
-      "RyanayR",
-      "FredB",
-      "ethertank",
-      "Sheppy",
-      "rsternagel",
-      "jeremy.booker",
-      "bpartridge81",
-      "Marsf"
-    ]
-  },
   "Web/CSS/Attribute_selectors": {
     "modified": "2020-10-15T21:04:18.142Z",
     "contributors": [
@@ -77906,6 +77874,82 @@
     "modified": "2020-10-15T21:38:35.251Z",
     "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"]
   },
+  "Web/CSS/CSS_syntax/At-rule": {
+    "modified": "2020-11-13T09:49:20.788Z",
+    "contributors": [
+      "ramiy",
+      "hinell",
+      "mfuji09",
+      "wbamberg",
+      "sashakrauzer",
+      "erictleung",
+      "cbb",
+      "xfq",
+      "mfluehr",
+      "Alhadis",
+      "BychekRU",
+      "Sebastianz",
+      "pygy",
+      "cvrebert",
+      "jwhitlock",
+      "bradleyflood",
+      "teoli",
+      "diraniyoussef",
+      "trevorh",
+      "RyanayR",
+      "FredB",
+      "ethertank",
+      "Sheppy",
+      "rsternagel",
+      "jeremy.booker",
+      "bpartridge81",
+      "Marsf"
+    ]
+  },
+  "Web/CSS/CSS_syntax/Comments": {
+    "modified": "2020-07-07T12:35:07.540Z",
+    "contributors": [
+      "wbamberg",
+      "mfluehr",
+      "Sebastianz",
+      "BychekRU",
+      "SphinxKnight",
+      "Sheppy",
+      "ethertank",
+      "teoli",
+      "tregagnon",
+      "jswisher",
+      "McGurk"
+    ]
+  },
+  "Web/CSS/CSS_syntax/Syntax": {
+    "modified": "2020-07-07T12:39:09.357Z",
+    "contributors": [
+      "wbamberg",
+      "chrisdavidmills",
+      "dcompcoder",
+      "ramiy",
+      "JonathanPool",
+      "carlosevandro",
+      "mfuji09",
+      "estelle",
+      "fluorine",
+      "mfluehr",
+      "tshma",
+      "wahome",
+      "torazaburo",
+      "NetNerd",
+      "pygy",
+      "SphinxKnight",
+      "kscarfone",
+      "FredB",
+      "elomatreb",
+      "ethertank",
+      "teoli",
+      "Sheppy",
+      "peterholthoffman"
+    ]
+  },
   "Web/CSS/CSS_table": {
     "modified": "2020-07-07T12:26:58.542Z",
     "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"]
@@ -78148,22 +78192,6 @@
       "chrisdavidmills"
     ]
   },
-  "Web/CSS/Comments": {
-    "modified": "2020-07-07T12:35:07.540Z",
-    "contributors": [
-      "wbamberg",
-      "mfluehr",
-      "Sebastianz",
-      "BychekRU",
-      "SphinxKnight",
-      "Sheppy",
-      "ethertank",
-      "teoli",
-      "tregagnon",
-      "jswisher",
-      "McGurk"
-    ]
-  },
   "Web/CSS/Descendant_combinator": {
     "modified": "2020-10-15T21:04:18.445Z",
     "contributors": [
@@ -78664,34 +78692,6 @@
       "miken32"
     ]
   },
-  "Web/CSS/Syntax": {
-    "modified": "2020-07-07T12:39:09.357Z",
-    "contributors": [
-      "wbamberg",
-      "chrisdavidmills",
-      "dcompcoder",
-      "ramiy",
-      "JonathanPool",
-      "carlosevandro",
-      "mfuji09",
-      "estelle",
-      "fluorine",
-      "mfluehr",
-      "tshma",
-      "wahome",
-      "torazaburo",
-      "NetNerd",
-      "pygy",
-      "SphinxKnight",
-      "kscarfone",
-      "FredB",
-      "elomatreb",
-      "ethertank",
-      "teoli",
-      "Sheppy",
-      "peterholthoffman"
-    ]
-  },
   "Web/CSS/Tutorials": {
     "modified": "2020-04-27T22:31:52.172Z",
     "contributors": ["mfluehr", "kscarfone", "Sheppy", "teoli", "robwala"]

diff --git a/files/en-us/glossary/css_descriptor/index.md b/files/en-us/glossary/css_descriptor/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-A **CSS descriptor** defines the characteristics of an [at-rule](/en-US/docs/Web/CSS/At-rule). At-rules may have one or multiple descriptors. Each descriptor has:
+A **CSS descriptor** defines the characteristics of an [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule). At-rules may have one or multiple descriptors. Each descriptor has:
 
 - A name
 - A value, which holds the component values

diff --git a/files/en-us/glossary/media/css/index.md b/files/en-us/glossary/media/css/index.md
@@ -16,5 +16,5 @@ CSS offers several features that allow you to tweak your document's styles—or
 
 - [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
 - [Media queries](/en-US/docs/Web/CSS/CSS_media_queries)
-- {{cssxref("@media")}} [at-rule](/en-US/docs/Web/CSS/At-rule): Conditionally apply part of a CSS stylesheet, based on the result of a media query.
+- {{cssxref("@media")}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule): Conditionally apply part of a CSS stylesheet, based on the result of a media query.
 - {{domxref("Window.matchMedia()")}}: Test the viewing device against a media query
diff --git a/.../en-us/learn_web_development/core/css_layout/supporting_older_browsers/index.md b/.../en-us/learn_web_development/core/css_layout/supporting_older_browsers/index.md
@@ -158,6 +158,6 @@ Now that you have worked through our articles on CSS layout, it's time to test y
 ## See also
 
 - [`@supports`](/en-US/docs/Web/CSS/@supports) at-rule
-- [CSS at-rules](/en-US/docs/Web/CSS/At-rule)
+- [CSS at-rules](/en-US/docs/Web/CSS/CSS_syntax/At-rule)
 - [Using feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries)
 - [CSS conditional rules](/en-US/docs/Web/CSS/CSS_conditional_rules) module
diff --git a/files/en-us/learn_web_development/core/styling_basics/getting_started/index.md b/files/en-us/learn_web_development/core/styling_basics/getting_started/index.md
@@ -453,7 +453,7 @@ Look up different values of properties listed below. Try writing CSS rules that
 
 ### @rules
 
-CSS [@rules](/en-US/docs/Web/CSS/At-rule) (pronounced "at-rules") provide instructions for how CSS should behave. One common @rule that you are likely to encounter is `@media`, which is used to create [media queries](/en-US/docs/Web/CSS/CSS_media_queries). Media queries use conditional logic for applying CSS styling.
+CSS [@rules](/en-US/docs/Web/CSS/CSS_syntax/At-rule) (pronounced "at-rules") provide instructions for how CSS should behave. One common @rule that you are likely to encounter is `@media`, which is used to create [media queries](/en-US/docs/Web/CSS/CSS_media_queries). Media queries use conditional logic for applying CSS styling.
 
 In the example below, the stylesheet defines a default pink background for the `<body>` element. However, a media query follows that sets a blue background on the `<body>` element if the browser viewport is wider than 30em.
 

diff --git a/files/en-us/learn_web_development/core/styling_basics/index.md b/files/en-us/learn_web_development/core/styling_basics/index.md
@@ -38,7 +38,7 @@ Before starting this module, you should have a basic work environment set up (as
 - [Handling conflicts](/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts)
   - : The aim of this lesson is to develop your understanding of some of the most fundamental concepts of CSS — the cascade, specificity, and inheritance — which control how CSS is applied to HTML and how conflicts between style declarations are resolved.
 - [Values and units](/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units)
-  - : CSS rules contain [declarations](/en-US/docs/Web/CSS/Syntax#css_declarations), which in turn are composed of properties and values. Each property used in CSS has a **value type** that describes what kind of values it is allowed to have. In this lesson, we will take a look at some of the most frequently used value types, what they are, and how they work.
+  - : CSS rules contain [declarations](/en-US/docs/Web/CSS/CSS_syntax/Syntax#css_declarations), which in turn are composed of properties and values. Each property used in CSS has a **value type** that describes what kind of values it is allowed to have. In this lesson, we will take a look at some of the most frequently used value types, what they are, and how they work.
 - [Sizing items in CSS](/en-US/docs/Learn_web_development/Core/Styling_basics/Sizing)
   - : Understanding how big the different features in your design will be is important. In this lesson we will summarize the various ways elements get a size via CSS and define a few terms about sizing that will help you in the future.
 - [Backgrounds and borders](/en-US/docs/Learn_web_development/Core/Styling_basics/Backgrounds_and_borders)

diff --git a/files/en-us/learn_web_development/core/styling_basics/values_and_units/index.md b/files/en-us/learn_web_development/core/styling_basics/values_and_units/index.md
@@ -8,7 +8,7 @@ page-type: learn-module-chapter
 
 {{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Handling_conflicts", "Learn_web_development/Core/Styling_basics/Sizing", "Learn_web_development/Core/Styling_basics")}}
 
-CSS rules contain [declarations](/en-US/docs/Web/CSS/Syntax#css_declarations), which in turn are composed of properties and values.
+CSS rules contain [declarations](/en-US/docs/Web/CSS/CSS_syntax/Syntax#css_declarations), which in turn are composed of properties and values.
 Each property used in CSS has a **value type** that describes what kind of values it is allowed to have.
 In this lesson, we will take a look at some of the most frequently used value types, what they are, and how they work.
 

diff --git a/.../en-us/mdn/writing_guidelines/page_structures/page_types/page_type_key/index.md b/.../en-us/mdn/writing_guidelines/page_structures/page_types/page_type_key/index.md
@@ -57,7 +57,7 @@ This section lists `page-type` values for pages under [Web/Accessibility](/en-US
 
 This section lists `page-type` values for pages under [Web/CSS](/en-US/docs/Web/CSS). Every page in that part of the tree must have a `page-type`, and its value must be one of those listed below or one of the [generic page type](#generic_page_types) values.
 
-- `css-at-rule`: an [at-rule](/en-US/docs/Web/CSS/At-rule), like {{cssxref("@media")}}.
+- `css-at-rule`: an [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule), like {{cssxref("@media")}}.
 - `css-at-rule-descriptor`: an at-rule descriptor, like [`@counter-style/prefix`](/en-US/docs/Web/CSS/@counter-style/prefix).
 - `css-combinator`: a combinator, like the [descendant combinator](/en-US/docs/Web/CSS/Descendant_combinator).
 - `css-function`: a [function](/en-US/docs/Web/CSS/CSS_Functions), like {{cssxref("max")}}.

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -354,7 +354,7 @@ For more information, see [Firefox bug 1807685](https://bugzil.la/1807685), [Fir
 
 ### @scope at-rule
 
-The [@scope](/en-US/docs/Web/CSS/@scope) [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) allows you to select specific child elements without having to overly increase the specificity of CSS selectors ([Firefox bug 1886441](https://bugzil.la/1886441)).
+The [@scope](/en-US/docs/Web/CSS/@scope) [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule) allows you to select specific child elements without having to overly increase the specificity of CSS selectors ([Firefox bug 1886441](https://bugzil.la/1886441)).
 
 <table>
   <thead>

diff --git a/files/en-us/mozilla/firefox/releases/11/index.md b/files/en-us/mozilla/firefox/releases/11/index.md
@@ -36,7 +36,7 @@ Firefox 11 shipped on March 13, 2012. This article provides information about th
 ### CSS
 
 - the [`text-size-adjust`](/en-US/docs/Web/CSS/text-size-adjust) property is now supported
-- [CSS3](/en-US/docs/CSS/CSS3) [Conditional Rules](/en-US/docs/CSS/CSS3#conditional_rules) are now better supported: nested statements can now be added to [@media](/en-US/docs/Web/CSS/@media), [@-moz-document](/en-US/docs/Web/CSS/@document). (See [CSS Syntax](/en-US/docs/Web/CSS/Syntax) and [CSS at-rules](/en-US/docs/Web/CSS/At-rule)).
+- [CSS3](/en-US/docs/CSS/CSS3) [Conditional Rules](/en-US/docs/CSS/CSS3#conditional_rules) are now better supported: nested statements can now be added to [@media](/en-US/docs/Web/CSS/@media), [@-moz-document](/en-US/docs/Web/CSS/@document). (See [CSS Syntax](/en-US/docs/Web/CSS/CSS_syntax/Syntax) and [CSS at-rules](/en-US/docs/Web/CSS/CSS_syntax/At-rule)).
 
 ### JavaScript
 

diff --git a/files/en-us/mozilla/firefox/releases/114/index.md b/files/en-us/mozilla/firefox/releases/114/index.md
@@ -43,7 +43,7 @@ No notable changes.
 - The [WebTransport API](/en-US/docs/Web/API/WebTransport_API) is now supported, which includes the following interfaces: [`WebTransport`](/en-US/docs/Web/API/WebTransport), [`WebTransportBidirectionalStream`](/en-US/docs/Web/API/WebTransportBidirectionalStream), [`WebTransportDatagramDuplexStream`](/en-US/docs/Web/API/WebTransportDatagramDuplexStream), [`WebTransportReceiveStream`](/en-US/docs/Web/API/WebTransportReceiveStream), [`WebTransportSendStream`](/en-US/docs/Web/API/WebTransportSendStream), [`WebTransportDatagramDuplexStream`](/en-US/docs/Web/API/WebTransportDatagramDuplexStream) and [`WebTransportError`](/en-US/docs/Web/API/WebTransportError).
   For more information see [Firefox bug 1692754](https://bugzil.la/1692754), [Firefox bug 1818754](https://bugzil.la/1818754), and [Firefox bug 1791835](https://bugzil.la/1791835).
 
-- [`CSSImportRule.supportsText`](/en-US/docs/Web/API/CSSImportRule/supportsText) can now be used for getting any `supports()` conditions that were specified when using the {{cssxref("@import")}} [at-rule](/en-US/docs/Web/CSS/At-rule) ([Firefox bug 1829590](https://bugzil.la/1829590)).
+- [`CSSImportRule.supportsText`](/en-US/docs/Web/API/CSSImportRule/supportsText) can now be used for getting any `supports()` conditions that were specified when using the {{cssxref("@import")}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule) ([Firefox bug 1829590](https://bugzil.la/1829590)).
 
 #### Removals
 

diff --git a/files/en-us/mozilla/firefox/releases/115/index.md b/files/en-us/mozilla/firefox/releases/115/index.md
@@ -18,7 +18,7 @@ This article provides information about the changes in Firefox 115 that affect d
 ### CSS
 
 - The CSS {{cssxref("animation-composition")}} property is now supported by default. You can use this property to specify the composite operation to use when multiple animations affect the same property simultaneously. ([Firefox bug 1823862](https://bugzil.la/1823862)).
-- The `supports-conditions` in the CSS {{cssxref("@import")}} [at-rule](/en-US/docs/Web/CSS/At-rule) `supports()` function is now supported by default. This feature allows stylesheets to be imported only if the specified feature is supported in the user's browser. ([Firefox bug 1830779](https://bugzil.la/1830779)).
+- The `supports-conditions` in the CSS {{cssxref("@import")}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule) `supports()` function is now supported by default. This feature allows stylesheets to be imported only if the specified feature is supported in the user's browser. ([Firefox bug 1830779](https://bugzil.la/1830779)).
 
 ### JavaScript
 

diff --git a/files/en-us/web/api/css_properties_and_values_api/guide/index.md b/files/en-us/web/api/css_properties_and_values_api/guide/index.md
@@ -28,7 +28,7 @@ window.CSS.registerProperty({
 
 ### @property
 
-The same registration can take place in CSS. The following will register a [custom property](/en-US/docs/Web/CSS/--*) named `--my-prop` using the {{cssxref('@property')}} [at-rule](/en-US/docs/Web/CSS/At-rule). `--my-prop` will use the CSS color syntax, it will have a default value of `#c0ffee`, and it will not inherit its value:
+The same registration can take place in CSS. The following will register a [custom property](/en-US/docs/Web/CSS/--*) named `--my-prop` using the {{cssxref('@property')}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule). `--my-prop` will use the CSS color syntax, it will have a default value of `#c0ffee`, and it will not inherit its value:
 
 ```css
 @property --my-prop {

diff --git a/files/en-us/web/api/css_properties_and_values_api/index.md b/files/en-us/web/api/css_properties_and_values_api/index.md
@@ -16,7 +16,7 @@ The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/
 - {{domxref('CSS/registerProperty_static', 'CSS.registerProperty')}}
   - : Defines how a browser should parse [CSS custom properties](/en-US/docs/Web/CSS/--*). Access this interface through {{domxref('CSS/registerProperty_static', 'CSS.registerProperty')}} in [JavaScript](/en-US/docs/Web/JavaScript).
 - {{cssxref('@property')}}
-  - : Defines how a browser should parse [CSS custom properties](/en-US/docs/Web/CSS/--*). Access this interface through {{cssxref('@property')}} [at-rule](/en-US/docs/Web/CSS/At-rule) in [CSS](/en-US/docs/Web/CSS).
+  - : Defines how a browser should parse [CSS custom properties](/en-US/docs/Web/CSS/--*). Access this interface through {{cssxref('@property')}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule) in [CSS](/en-US/docs/Web/CSS).
 
 ## Examples
 
@@ -31,7 +31,7 @@ window.CSS.registerProperty({
 });
 ```
 
-The same registration can take place in [CSS](/en-US/docs/Web/CSS) using the {{cssxref('@property')}} [at-rule](/en-US/docs/Web/CSS/At-rule):
+The same registration can take place in [CSS](/en-US/docs/Web/CSS) using the {{cssxref('@property')}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule):
 
 ```css
 @property --my-color {

diff --git a/files/en-us/web/api/cssconditionrule/index.md b/files/en-us/web/api/cssconditionrule/index.md
@@ -7,7 +7,7 @@ browser-compat: api.CSSConditionRule
 
 {{ APIRef("CSSOM") }}
 
-An object implementing the **`CSSConditionRule`** interface represents a single condition CSS [at-rule](/en-US/docs/Web/CSS/At-rule), which consists of a condition and a statement block.
+An object implementing the **`CSSConditionRule`** interface represents a single condition CSS [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule), which consists of a condition and a statement block.
 
 Three objects derive from `CSSConditionRule`: {{domxref("CSSMediaRule")}}, {{domxref("CSSContainerRule")}} and {{domxref("CSSSupportsRule")}}.
 

diff --git a/files/en-us/web/api/csscounterstylerule/index.md b/files/en-us/web/api/csscounterstylerule/index.md
@@ -7,7 +7,7 @@ browser-compat: api.CSSCounterStyleRule
 
 {{APIRef("CSSOM")}}
 
-The **`CSSCounterStyleRule`** interface represents an {{CSSxRef("@counter-style")}} [at-rule](/en-US/docs/Web/CSS/At-rule).
+The **`CSSCounterStyleRule`** interface represents an {{CSSxRef("@counter-style")}} [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule).
 
 {{InheritanceDiagram}}
-Original file line number
+Diff line change
@@ Expand Up @@
     ### @scope at-rule
-    The [@scope](/en-US/docs/Web/CSS/@scope) [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) allows you to select specific child elements without having to overly increase the specificity of CSS selectors ([Firefox bug 1886441](https://bugzil.la/1886441)).
+    The [@scope](/en-US/docs/Web/CSS/@scope) [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/CSS_syntax/At-rule) allows you to select specific child elements without having to overly increase the specificity of CSS selectors ([Firefox bug 1886441](https://bugzil.la/1886441)).
     <table>
       <thead>
@@ Expand Down @@