несколько классов в "document.querySelector"

Question

Помогите, пожалуйста, я все еще узнаю о JS.

Как добавить несколько классов, когда у меня такая ситуация? У меня есть два триггера .m-trigger и d-trigger

var ModalEffects = (function() {

function init() {

    var overlay = document.querySelector( '.md-overlay' );

    [].slice.call( document.querySelectorAll( '.d-trigger' ) ).forEach( function( el, i ) {

        var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
            close = modal.querySelector( '.md-close' );

        function removeModal( hasPerspective ) {
            classie.remove( modal, 'md-show' );

            if( hasPerspective ) {
                classie.remove( document.documentElement, 'md-perspective' );
            }
        }

        function removeModalHandler() {
            removeModal( classie.has( el, 'md-setperspective' ) ); 
        }

        el.addEventListener( 'click', function( ev ) {
            classie.add( modal, 'md-show' );
            overlay.removeEventListener( 'click', removeModalHandler );
            overlay.addEventListener( 'click', removeModalHandler );

            if( classie.has( el, 'md-setperspective' ) ) {
                setTimeout( function() {
                    classie.add( document.documentElement, 'md-perspective' );
                }, 25 );
            }
        });

        close.addEventListener( 'click', function( ev ) {
            ev.stopPropagation();
            removeModalHandler();
        });

    } );

}

init();

Я пытался добавить вот так

document.querySelectorAll( '.d-trigger.m-trigger' )

и

document.querySelectorAll( '.d-trigger' '.m-trigger' )

модальный не не работает правильно, первый код делает любой триггер не работает, а второй код работает только с первым классом.

У меня есть решение для этого, просто скопируйте весь код и измените класс. но какое решение для этого?