IDセレクタ(ID selector)
アセンブラの魔女 ⧫ CSS ⧫ セレクタ ⧫ セレクタの種類 ⧫ IDセレクタ
アセンブラの魔女 ⧫ CSS ⧫ セレクタ ⧫ セレクタの種類 ⧫ IDセレクタ

 IDセレクタ(ID selector)は、要素の型とIDでスタイルの適用領域を指定するセレクタです。

E#myid

 E は要素の型、myid は要素のIDを意味します。

 次の例はcautionクラスのspan要素のテキストを赤で表示します。

body			{color:black;}
span#caution	{color:red;}
CSSコード例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>IDセレクタの使用例</title>
<meta name="description" content="CSSのセレクタの使用例です" />
<meta http-equiv="Content-Style-type" content="text/css">
<link rel="stylesheet" href="id_selector_sample.css" type="text/css">
</head>
<body>
sss
<span id=std>span std</span> 
<span id=caution>span caution</span> 
</body>
</html>
HTML表示
▼ Property
記事情報
datePublished2011-01-01
dateModified2018-06-22
authorアセンブラの魔女
headlineIDセレクタ(ID selector)に関する記事です
keywordsCSS
keywordsCascading Style Sheets
keywordsセレクタ
keywordsselector
keywordsIDセレクタ.
keywordsID selector
publisher name= wiredFish, logo.name= wiredFish, logo.url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png size= 208 pixel x 50 pixel
image.url url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png , size= 208 pixel x 50 pixel