How do CSS selectors work in JavaScript?

How do CSS selectors work in JavaScript?

CSS selectors are patterns used to select elements in the DOM. In JavaScript, you can use methods like document.querySelector() and document.querySelectorAll() to select elements based on these selectors.

Can you give me an example of using a CSS selector in JavaScript?

Sure! If you want to select an element with the class 'my-class', you can use: const element = document.querySelector('.my-class');.

What if I want to select multiple elements?

You can use document.querySelectorAll('.my-class'), which returns a NodeList of all elements with that class.

How do I manipulate the styles of the selected elements?

You can loop through the NodeList and change styles like this: elements.forEach(el => el.style.color = 'red');.