Estou tentando encontrar um elemento com document.querySelector que possui vários atributos de dados:

<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3" data-period="current">-</div>

Pensei em algo assim:

document.querySelector('[data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"] [data-period="current"]')

mas não funciona. No entanto, funciona bem, se eu colocar o segundo atributo de dados em um elemento filho como

<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"> <span data-period="current">-</span> </div>

Então, existe uma opção para procurar os dois atributos de uma só vez? Eu tentei várias opções, mas não entendi.