Style every <p> element with a lang attribute value with CSS

Use the CSS :lang selector to style every <p> element with a lang attribute value. You can try to run the following code to implement the :lang selector:

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          p:lang(fr) {             background: green;          }       </style>    </head>    <body>       <p>This is my country</p>       <p lang = "fr">C'est mon pays</p>       <p>French is the language of France</p>    </body> </html>
Updated on: 2020-06-30T11:07:51+05:30

167 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements