HTML+CSS セレクターとは何かを簡(jiǎn)単に紹介
CSSは2つの部分から構(gòu)成されると定義されています
body{
Style
}
{}より前の部分が「セレクター」で、「セレクター」は{}內(nèi)の「スタイル」のオブジェクトを指定します。つまり、Web ページ內(nèi)のどの要素が「スタイル」の影響を受けるかということです
body は HTML 要素であるため、要素セレクターとも呼ばれます
div テーブル スパンなどです。
以下の例を見(jiàn)てみましょう
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素選擇器</title>
<style type="text/css">
p{
color:red;
}
div{
color:red;
}
span{
color:red;
}
</style>
</head>
<body>
<p>中國(guó)</p>
<div>美國(guó)</div>
<span>日本</span>
</body>
</html>注:テキスト內(nèi)には同じスタイルにする必要があるタグがたくさんあるため、CSS スタイルで多くのコードを繰り返し記述する必要があるため、コードは次のとおりです。以下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素選擇器</title>
<style type="text/css">
p,div,span{
color:red;
}
</style>
</head>
<body>
<p>中國(guó)</p>
<div>美國(guó)</div>
<span>日本</span>
</body>
</html>このように書くことの効果は上記と同じですが、コードはきれいになります
