Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

The validator throws an error when nesting CSS.

クローズ
#481 コメント 1 件 リアクション 3 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
52/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
css
領域
tooling

調査の方向性

まず、issue にあるネストされた CSS のサンプルでパースエラーを再現し、次に validator の CSS パースおよび診断経路を追跡します。ネストされた CSS がエラーを生成しなくなるか、要求どおり警告として報告されれば、作業は完了です。

索引モデルが issue の本文から書いたものです。

説明

enhancement

Nesting CSS styles (like in SASS) is supported by most modern browsers: https://caniuse.com/css-nesting

The validator throws a parse error. At least make it a warning instead of an error.

Here's the CSS. It complains about the double closing curly brackets.

<style> .snapshot{ --grid-color: #3f7082; --big-squish-txt: #b14f50; --medium-squish-txt: #806729; --header-txt: #525b64; --demographics: #b14f50; --hc-color: #c8d0b9; --text: #615e59; --link: #006699; --border: 10px solid var(--grid-color); --map-bg: url('[path]'); --map-text-position:185px; --thead: #806729; --thead-txt: white; --caption: #3f7082; --stripe: #FCF6E8; /*HC border colors*/ --international: #3f7082; --domestic: #806729; --natural: #c8d0b9; --darken:45%; .big-bold{ font-family: var(--sans); font-size: 1.25rem; font-weight: 800; line-height: 1.5; text-transform: uppercase; color: #525b64; } } </style>
主要言語
Java
スター
252
フォーク
124
平均マージ
2日 1時間
マージ済み PR(30日)
1

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

w3c/css-validator のほかの issue

w3c/css-validator の issue をすべて見る

似ている issue

Java の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。