ใช้ตัวเลือก [attribute$=”value”] เพื่อเลือกองค์ประกอบที่มีค่าแอตทริบิวต์ลงท้ายด้วยค่าที่ระบุ เช่น “.htm” ที่นี่
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ตัวเลือก CSS [attribute$="value"]
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
[href$ = htm] {
border: 5px solid orange;
border-radius: 5px;
}
</style>
</head>
<body>
<a href = "https://tutorialspoint.com/java/index.htm">Java Tutorial</a>
<a href = "https://www.tutorialspoint.com/java/java_tutorial.pdf">Java Tutorial PDF</a>
</body>
</html> 