コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 要素には複数のクラス名がありますが、どれを used_html/css_WEB-ITnose にする必要があります。

要素には複数のクラス名がありますが、どれを used_html/css_WEB-ITnose にする必要があります。

WBOY
リリース： 2016-06-21 09:45:02
オリジナル
1440 人が閲覧しました

CSS HTML


...
;

上記の div には 2 つのクラス名があります。
CSS では、同時に存在する場合
#class1
{
font-weight:bold;
}
#class2
{
font-weight: Normal; ..
}
同じ属性が 2 つある場合、どの属性が一致するのか

定義順、つまり、class2 の font-weight:normal;適用されます
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.a{	background-color:#f00;}.b{	background-color:#ddd;	}</style></head><body><div class="b a">处档大</div></body></html>
ログイン後にコピー

外部接続の定義(style.cssのa)よりもWebページの定義(a)の方が良いです。スタイル

一般に、要素には 2 つのクラスがあり、競合がある場合は、後者のクラス、つまり class2 を使用します


将来、試してみるとわかります

どれが使われているか一目瞭然

関連ラベル：
元素多个类名，应该采用哪个呢
ソース：php.cn
前の記事：緊急の解決策: iframe フレームワークが 100% 表示できない問題_html/css_WEB-ITnose 次の記事：HTML カスタム属性_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
電子メールでのビデオ再生を簡素化: 即時再生を保証し、ダウンロード画面は必要ありません ここで「はしごをどの壁に立てかけるべきか」もわかりませんし、私がやろうとしていることの正しい用語さえもわかりません。私は長年、農業研究会社でソフトウェアを開発してきました。当社では...
から 2024-03-30 17:12:51
0
1
433
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート