CSS セレクターをタグの名前にすることはできませんか?-フロントエンドQ&A-php.cn

CSS セレクターをタグの名前にすることはできませんか?

青灯夜游

リリース： 2022-09-23 17:16:35

オリジナル

2426 人が閲覧しました

が可能です。要素セレクターは HTML タグ名を使用します。 CSS では、要素セレクターは HTML ページの要素 (タグ) 名を通じて特定の HTML 要素を見つけます。構文構造は「要素名 {属性: 属性値;}」です。要素セレクターを単独で使用すると、現在の HTML ページ。内のこの要素名を持つすべての要素。

CSS セレクターをタグの名前にすることはできませんか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS セレクターにはタグの名前を指定できます。 CSS では、要素セレクターは HTML タグ名を使用します。

css 要素セレクター

要素セレクターはタイプセレクターとも呼ばれ、HTML ページの要素名を通じて特定の HTML 要素を見つけます。タイプセレクターを単独で使用すると、現在の HTML ページ内でこの要素名を持つすべての要素が検索されます。

構文構造は次のとおりです。

元素名 {  
  属性:属性值;  
 }

ログイン後にコピー

要素セレクターの要素名は大文字と小文字が区別されないことに注意してください。

#サンプルコードは次のとおりです。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类型选择器</title>
    <style>
        /* 选择标签名为 h1 的元素，设置字体的颜色为红色 */
        h1 {
            color: lightcoral;
        }
		/* 选择标签名为 div 的元素，设置背景的颜色为红色 */
		div {
			background-color: lightcoral;
		}
    </style>
</head>

<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
	<div>sdfgs</div>
	<div>123</div>
	<p>123</p>
	<div>456</div>
	<div>456</div>
</body>

</html>

ログイン後にコピー

CSS セレクターをタグの名前にすることはできませんか?