puede hacerlo asi:
//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);
div #dos {
border-color:blue;
color:blue;
}
div#dos {
border-color:red;
color:red;
}
<input id="uno" name="a"/> <br>
<input id="dos" name="a"/>><br>> <br>
<input id="uno" name="b"/><br>> <br>
<input id="dos" name="b"/><br>> <br>
<div id="dos">padre <span id="dos"> hijo</span></div>
<div id="dos">padre <span id="dos"id="dos"> >hijo<hijo</span></div>
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