CSSでコメントを操作する方法
CSSを使用すると、CSSファイルまたはCSSファイルにコメントを書き込むことができます。style
ページヘッダーのタグ
フォーマットは/* this is a comment */
Cスタイル(または必要に応じてJavaScriptスタイル)のコメント。
これは複数行コメントです。クロージングを追加するまで*/
トークン、最初の行の後に見つかったすべての行がコメント化されます。
例:
#name { display: block; } /* Nice rule! */
/* #name { display: block; } */
#name {
display: block; /*
color: red;
*/
}
CSSには、次のようなインラインコメントはありません。//
にCまたはJavaScript。
ただし、注意してください-追加する場合//
ルールの前は、コメントが機能したように見えて、ルールは適用されません。実際には、CSSは構文エラーを検出し、その動作方法により、エラーのある行を無視して、次の行に直接進みました。
このアプローチを知っていると、意図的にインラインコメントを書くことができますが、ブロックコメントのようにランダムなテキストを追加することはできないため、注意が必要です。
例えば:
// Nice rule!
#name { display: block; }
この場合、CSSの仕組みにより、#name
ルールは実際にコメントアウトされています。あなたはより多くの詳細を見つけることができますここにこれがおもしろいと思ったら。自分の足を撃たないようにするには、インラインコメントの使用を避け、ブロックコメントに依存します。
私の無料ダウンロードCSSハンドブック
その他のCSSチュートリアル:
- Flexboxガイド
- CSSグリッドチュートリアル
- CSS変数(カスタムプロパティ)
- PostCSSの概要
- CSSマージンプロパティ
- CSSで要素を中央揃えにする方法
- CSSシステムフォント
- HTMLをスタイルで印刷する方法
- CSSトランジションの入門ガイド
- CSSアニメーションチュートリアル
- CSSの紹介
- CSSガイド
- PurgeCSSとPostCSSでTailwindを設定する方法
- 追い風チートシート
- CSSを使用して画像を連続的に回転させる方法
- CSSを使用してテーブルをレスポンシブにする
- 二等分してCSSをデバッグする方法
- CSSセレクター
- CSSカスケード
- CSSの特異性
- CSS属性セレクター
- CSSカラー
- CSSユニット
- CSS url()
- CSSタイポグラフィ
- CSSボックスモデル
- CSS位置プロパティ
- CSSメディアクエリとレスポンシブデザイン
- CSS機能クエリ
- CSS変換
- CSSを使用してリストのスタイルを設定する方法
- CSSベンダープレフィックス
- CSSの継承
- CSS疑似クラス
- CSS疑似要素
- CSSを使用したHTMLテーブルのスタイリング
- CSSDisplayプロパティ
- CSS calc()関数
- CSSボーダー
- @importを使用してCSSファイルをインポートする
- CSSエラー処理
- CSSフィルター
- CSSボックスのサイズ設定
- CSSの背景
- CSSコメント
- CSSフォント
- CSSパディング
- CSSのfloatプロパティとクリア
- CSSの正規化
- CSSz-indexプロパティ
- CSSを使用してテキスト選択を無効にする方法
- CSSを使用してコンテナの下部にアイテムを配置する方法
- CSSを使用して色を反転する方法
- CSSのレスポンシブプレタグ
- レスポンシブYouTubeビデオ埋め込み
- レスポンシブデザインに適したCSSブレークポイント値は何ですか?
- フレックスボックスの中心を揃える方法