docs(CSS): oklab example typo fix, reorder CSS in lch example (#25135)

* Update .gitattributes

* Revert "Update .gitattributes"

This reverts commit f9a1fe6.

* docs(CSS): oklab example typo fix, reorder CSS in lch example

Author: bsmth

files/en-us/web/css/color_value/lch/index.md

@@ -67,6 +67,13 @@ div {
 ```
 
 ```css
+[data-color="blue"] {
+  background-color: lch(0% 100 240);
+}
+[data-color="blue-light"] {
+  background-color: lch(100% 100 240);
+}
+
 [data-color="red"] {
   background-color: lch(50% 130 20);
 }
@@ -80,13 +87,6 @@ div {
 [data-color="green-hue"] {
   background-color: lch(50% 132 180);
 }
-
-[data-color="blue"] {
-  background-color: lch(0% 100 240);
-}
-[data-color="blue-light"] {
-  background-color: lch(100% 100 240);
-}
 ```
 
 {{EmbedLiveSample('Adjusting_lightness,_chroma,_and_hue_with_lch')}}

files/en-us/web/css/color_value/oklab/index.md

@@ -103,7 +103,7 @@ div {
 ### Adjusting opacity with oklab()
 
 The following example shows the effect of varying the `A` (alpha) value of the `oklab()` function.
-The `red` and `#ed-alpha` elements overlap the `#background-div` element to demonstrate the effect of opacity.
+The `red` and `red-alpha` elements overlap the `#background-div` element to demonstrate the effect of opacity.
 Giving the `red-alpha` element an opacity of `0.4` makes it appear more transparent than the `red` element.
 
 ```html