[ja]: fixed to show demo

[OHMORIYUSUKE]

Description

デモが正しく表示されていなかったので修正しました。
https://developer.mozilla.org/ja/docs/Learn/CSS/First_steps/How_CSS_is_structured

Motivation

Additional details

Related issues and pull requests

Fixes #24722

[github-actions]

Preview URLs

• /ja/docs/Learn/CSS/First_steps/How_CSS_is_structured

Flaws (40)

URL: /ja/docs/Learn/CSS/First_steps/How_CSS_is_structured
Title: CSS の構造
Flaw count: 40

• macros:
  • /ja/docs/Games/Publishing_games does not exist but fell back to /en-US/docs/Games/Publishing_games
  • /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state does not exist but fell back to /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state
  • /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering does not exist but fell back to /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering
  • /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility does not exist but fell back to /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility
  • /ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started does not exist but fell back to /en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started
  • and 34 more flaws omitted
• translation_differences:
  • Differences in the important macros (3 in common of 5 possible)

(comment last updated: 2024-12-08 16:48:44)

[mfuji09]

EmbedLiveSample の ID を変更すると flaws として報告されてしまうので、コードブロック側に ID を付与することで修正した方が良いと思います。

例えば、292行目、296行目に対して、次のような形でIDを付与すると、サンプルコードが正しく表示できるようになります。

```html live-sample___the_calc_function
```css live-sample___the_calc_function

live-sample___ の後に、EmbedLiveSample で指定したIDｦ小文字化したものをつけてください。

[OHMORIYUSUKE]

@mfuji09
da747ca
ありがとうございます。修正しました。

[mfuji09]

修正ありがとうございました。OKです。