CodePen Embed - selector

<!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="alert warning">Style juga akan berlaku untuk paragraf ini.</p>
<p class="alert-warning">Style juga akan berlaku untuk paragraf ini.</p>
	<p class="alert_warning">Style juga akan berlaku untuk paragraf ini.</p>
    	<p class="highlight">Style tidak akan berlaku untuk paragraf ini.</p>
</body>
</html>

This Pen is owned by Herbert on CodePen.

See more by @hervansin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.