<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Contoh dari attribute selector</title>
<style>
    [class~="warning"] {
		color: #fff;
       		background: red;
    }
</style>
</head>
<body>
    <p class="warning">Style akan berlaku untuk paragraf ini.</p>
    <p class="warning highlight">Style juga akan berlaku untuk paragraf ini.</p>
    <p class="highlight">Style tidak akan berlaku untuk paragraf ini.</p>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.