<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>:lang() selector demo</title>
</head>

<body>
  <h1 lang="fr">
    I'm french language statement!
  </h1>
  <h1>I'm normal statement.</h1>
</body>

</html>
h1 {
  background: green;
}

h1:lang(fr) {
  background: red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.