例えば、「英語版のサイトのみ○○を非表示にしたい」といった場合に使えるCSSです。
![](https://eguweb.jp/wp-content/uploads/202210192006-00-1024x546.jpg)
:lang()
例えば、lang=”en-US”となっている場合など、言語別にスタイルを適用したい場合に:lang疑似クラスが使えます。
![](https://eguweb.jp/wp-content/uploads/202210192010-00.jpg)
div#notice-area-wrap:lang(en-US) {
display: none;
}
notice-area-wrapが非表示になりました!
![](https://eguweb.jp/wp-content/uploads/202210192012-00-1024x521.jpg)
日本語版のサイトでは表示されています!
![](https://eguweb.jp/wp-content/uploads/202210192013-00.jpg)
まとめ
:lang() 言語を指定してスタイルを適用することができます。便利ですね😃