CodePen Embed - selector

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Contoh dari attribute selector</title>
<style>
	a[href$=".pdf"] {
		background: url("https://img.icons8.com/office/16/000000/pdf.png") 0 50% no-repeat;
		padding-left: 20px;
	}
</style>
</head>
<body>
  <p><a href="/examples/downloads/masters.pdf">Download PDF</a></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.