Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Combining Selectors Example</title> </head> <body> <div class="example special">Special Element</div> <div class="example">Regular Element</div> <button onclick="highlightSpecial()">Highlight Special</button> <script> function highlightSpecial() { const element = document.querySelector('.example.special'); element.style.backgroundColor = 'pink'; element.textContent = "Special element highlighted!"; } </script> </body> </html>