CSSのclassとidが同じ名前であること
2023-09-22 01:25:37
質問
cssのclassとidを同じ名前にするのは何か問題があるのでしょうか?記事・投稿のフッターは.footer、ページのフッターは#footerのように。
どのように解決するのですか?
いいえ、まったく問題ありません。
クラスは
.
で定義され、ID は
#
. つまり、ブラウザに関する限り、これらは2つの全く別のアイテムなのです。
注意しなければならないのは、自分自身を混乱させることです。おそらく、純粋にコードの読みやすさのために名前を変えておくのが最善の方法ですが、同じ名前であっても害はありません。
関連
-
[CSSチュートリアル]css display table adaptive height, widthの問題解決
-
[CSSチュートリアル】ピュアCSSでDIVホバーを実現するサンプルコード(固定位置編)
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】CSS擬似要素::マーカー解説
-
[CSSチュートリアル】height:100%と書いても効かない理由
-
[css3]css3は、3つの方法のサンプルコードのテキストの点滅効果を達成するために
-
[CSSチュートリアル]CSSは、メソッドのさまざまな記事の分割行のスタイルの要約を達成するために
-
[CSSチュートリアル】CSSで実現するイメージマッピングメソッド
-
[css3]css3アニメーションマウスが絵の上に置かれると徐々に大きくなり、マウスが絵から離れると徐々に縮む効果
-
[CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決
-
フロントエンドの落とし穴 リソースはスタイルシートとして解釈されるが、MIMEタイプはtext/htmlで転送される。"<URL>". css スタイルの失敗
-
[CSSチュートリアル】CSSプリグラミング言語と詳細解説の違いについて
-
[css3]CSS3は本当にSCSSに取って代わるのだろうか?