puede hacerlo asi:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->


    //seleccionamos el input con name b y id dos
    let input1 = document.querySelector("input[name='b']#dos");
    console.log(input1);
    // a lo inverso
    let input2 = document.querySelector("input#dos[name='a']");
    console.log(input2);

<!-- language: lang-css -->

    div #dos {
     border-color:blue;
     color:blue;
    }

    div#dos {
     border-color:red;
     color:red;
    }

<!-- language: lang-html -->

    <input id="uno" name="a"/> <br>
    <input id="dos" name="a"/> <br>
    <input id="uno" name="b"/> <br>
    <input id="dos" name="b"/> <br>

    <div id="dos">padre <span id="dos"> hijo</span></div>
    <div id="dos">padre <span id="dos"> hijo</span></div>

<!-- end snippet -->

# **NOTA**

para jquery solo es remplazar **document.querySelector** por **$**

si se coloca el selector todo junto sin espacio hace referencia al elemento actual ejemplo: **rojo**

si se agrega un espacio hace referencia los hijos ejemplo: **azul**

se ilustro con un css para mayor compresion