Tengo lo siguiente:
#cursiva{
font-style: italic;
}
<h1>Titulo de nuestro sitio</h1>
<h2 id="cursiva">Titulo de nuestro sitio</h2>
<h3>Titulo de nuestro sitio</h3>
<h4 class="verde">Titulo de nuestro sitio</h4>
<h5>Titulo de nuestro sitio</h5>
<h6>Titulo de nuestro sitio</h6>
<a href="#" class="verde" id="cursiva">Enlace</a>
<h2>Otro titulo h2</h2>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
<a href="#" class="verde">Lorem Ipsum</a> ha sido el texto de relleno estándar de las industrias desde
el año 1500, cuando un <span>impresor</span> (N. del T. persona que se dedica a la
imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró
hacer un libro de textos especimen.</p>
<p class="verde">No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos
electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la
creación de las hojas "Letraset", las cuales contenian pasajes de <a href="#" class="verde">Lorem Ipsum</a>,
y más recientemente con software de autoedición, como por ejemplo <span>Aldus PageMaker</span>,
el cual incluye versiones de Lorem Ipsum.</p>
Como pueden ver tengo un identificador css y lo he aplicado a varios elementos del html, el problema es que los estilos de ese identificador los ha aplicado a los elementos en los que lo he puesto.
La duda es porque esta haciendo esto??, tengo entendido que un id solo se aplica a un elemento aun y aunque ese identificador se lo hayamos puesto a otro elemento, o tengo mal entendido ese concepto??
getElementById
oquerySelector("#id")
en Javascript, la salida es impredecible, porque tienes múltiples ids en tu página.