Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the Document</title> <style> /* "styles depend on the custom attribute "order status" */ .order[order-state="new"] { color: red; } .order[order-state="pending"] { color: green; } .order[order-state="canceled"] { color: blue; } </style> </head> <body> <div class="order" order-state="new"> New order. </div> <div class="order" order-state="pending"> Pending order. </div> <div class="order" order-state="canceled"> Canceled order. </div> </body> </html>