CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS [attribute|=value] 選択子

attributeで名付けられた属性を持つ要素、属性値は-”は接頭辞（"）として、-"はハイフンとして、UnicodeコードはU+002D）冒頭。典型的応用シーンは、言語略称コード（例えばzh）をマッチングするために使われる。-CN，zh-CN、zh

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

TWではzhをvalueとして使用できます）。

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基礎トレーニング(oldtoolbag.com)</title>　
<style>
選択 lang 属性の値が "en" で始まる要素を選択し、そのスタイルを設定する：
{
[lang|=en]
}
</style>
</head>
<body>
background:yellow;/p>
us">Hi!<-<p　lang="en">Hello!</p>
us">Hi!<-<p　lang="en/p>
<p　lang="gb">Ello!</p>
<p　lang="us">Hi!</p>
<p　lang="no">Hei!</<p><b>注意:</b>もし[i]attribute[b]/i>~=<i>value<8　i>]IE/p>
</body>
</html>

テストして見て‹/›

及びそれ以前のバージョンでは、DOCTYPEは宣言する必要があります。<

[attribute|=value定義と使用方法

注意:]選択子は、指定された値で始まる属性値の要素を選択するために使用されます。 - 例えば lang=en-us すべて対応しています。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが[attribute|=value]選択子。

注意: [attribute|=value]IE8中で実行する場合、宣言する必要があります!DOCTYPE

CSSチュートリアル: CSS属性選択子

オンラインサンプル

class属性の値が'top'で始まるすべての要素を選択し、赤色に設定する：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基礎トレーニング(oldtoolbag.com)</title>　
<style>
[class|=top]
{
background:red;
color:white;
}
</style>
</head>
<body>
<h1　class="top-header">Welcome</h1>
<p　class="top-text">Hello　world!</p>
<p　class="content">Are　you　learning　CSS?</p>
</body>
</html>

テストして見て‹/›

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSSセレクタ全書

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS [attribute|=value] 選択子

オンラインサンプル

及びそれ以前のバージョンでは、DOCTYPEは宣言する必要があります。<

ブラウザの互換性

関連記事

オンラインサンプル