セレクタ付きスタイル定義(一)

cssでスタイルを定義する場合も分類できます.例えばinput要素ではtype=buttonのスタイルのみを定義します.

<style type="text/css">
input[type='button']
{
width:100px; height:100px;border:1px solid red;
}
</style>
<input type="button" value="click me" />
<input type="text" />

上記では、ボタンのスタイルが幅100 px、枠線赤で定義されている限り.
このcss定義は属性に基づいてフィルタリングの役割を果たす.
たとえば、次のコードがあります.

<style type="text/css">
.input[he='hi']
{
width:50px;
width:50px;
border:1px solid yellow;
}
</style>
<input type="text" he="hi" />
<input type="text" />
</style>

プロパティhe='hi'のinput要素にスタイルを定義します.