How to I use multiple selector

Question

<html>
    <head>
        <a href"dynamic link" data=[data-menu-xmlid="testing.testing"]>
    </head>
    <body>
        <div class="class 1">
    <body>
<html>

How can i select "div" and "a" at same time?

score 3 · Answer 1 · edited Jul 06 '21 at 05:32

3

CSS

div, a {
  
}

JS

document.querySelectorAll("div, a");

const select = document.querySelectorAll("div, a");
console.log(select);

<div class="first">
  <a class="test"></a>
</div>

edited Jul 06 '21 at 05:32

m4n0

27,411
26
71
84

answered Jul 06 '21 at 05:20

Ahmed

71
1
8

score 0 · Answer 2 · answered Jul 06 '21 at 05:22

You can select both div and a with

div,
a{..style goes here..}

But this will be applied to all the div and a tags in the page so you have to include a div element or a section.

    section{
    div,a{
        style here
    }
}

So it will be apllied to a specific section

score 0 · Answer 3 · edited Jul 06 '21 at 13:33

0

YOU CAN SELECT 2 DIFFERENT HTML ELEMENTS by putting both elements in same selector seperated by a ,

div,a {
   background-color: yellow;
}

edited Jul 06 '21 at 13:33

Mohamed Sakeel

44
9

answered Jul 06 '21 at 05:25

Manan Domadiya

69
5

2

You need to include a `,` in between for selecting them both. Right now it will select only the `a` element inside `div`. – m4n0 Jul 06 '21 at 05:30

How to I use multiple selector

3 Answers3