:lang擬似クラス …… 特定の言語を指定された要素にスタイルを適用する
広告
:lang擬似クラスは、特定の言語を指定されている要素を対象にスタイルを適用します。
言語コードには、ja(日本語)、en(英語)、fr(フランス語)、zh(中国語)などがあります。
- 書式
- 要素名:lang(言語コード) {プロパティ名:値;}
- 適用対象
- 特定の言語を指定した要素
p:lang(en) {font-style:italic; color:#ff6600;}
<html>
<head>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<h2>今日のお天気</h2>
<p>今日は<strong>晴れ</strong>です。</p>
<p lang="en">It's sunny today.</p>
<h2>明日のお天気</h2>
<p>明日は<strong>雨</strong>です。</p>
<p lang="en">It will be rainy tomorrow.</p>
</body>
</html>
↓↓↓
今日のお天気
今日は晴れです。
It's sunny today.
明日のお天気
明日は雨です。
It will be rainy tomorrow.
広告