如何使用多个选择器[重复]

【问题标题】：How to I use multiple selector [duplicate]如何使用多个选择器[重复]
【发布时间】：2021-07-06 21:33:58
【问题描述】：

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

如何同时选择“div”和“a”？

【问题讨论】：

标签： javascript jquery css sass odoo

【解决方案1】：

CSS

div, a {
  
}

document.querySelectorAll("div, a");

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

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

【讨论】：

【解决方案2】：

您可以选择both div 和a with

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

但这将应用于页面中的所有div 和a 标签，因此您必须包含一个 div 元素或一个部分。

    section{
    div,a{
        style here
    }
}

所以它会被应用到特定的部分

【讨论】：

【解决方案3】：

您可以通过将两个元素放在由, 分隔的相同选择器中来选择 2 个不同的 HTML 元素

div,a {
   background-color: yellow;
}

【讨论】：

您需要在两者之间添加, 才能同时选择它们。现在它将只选择div 中的a 元素。