Tengo problema con los estilos CSS para las imágenes con enlaces

Hola, parece que hoy no tengo un buen día.

Estoy en la lección primera imágenes y CSS. Según defino para quitar el borde al buzón me sale bien para la pag. de ejemplo, pero siguiendo los mismos pasos para la pag. que estoy haciendo paralela, no me quita el borde del buzón.
La única diferencia que observo es el color de img. así

img {border-style: none} (img sale en azul en la carpeta de estilos.css de ejemplo)

img {border-style: none} (img sale en rojo en la carpeta de estilos.css de mi pag.)

Gracias de antemano

bueno lo cierto es que es una propiedad que yo personalmente no recomiendo por que suelen pasar cosas raras si no se controla el tema de css.

la etiqueta img tiende a heredar las propiedades definidas en el contexto en el que se haya;

realmente la etiqueta en si lo que en teoría tendría que hacer es deshabilitarte el borde de la imagen .

Aquí estamos de nuevo. Bueno como ya has comprobado, es evidente que no controlo ni CSS ni Html, pero me he tomado muy en serio aprender o mejor dicho intentar controlar un poco todo esto.
Pero como tu dices aquí o hay cosas raras o hay duendes. Aunque puede ser un pavada (tonteria), lo cierto es que no me apetece seguir conlas lecciones sin saber que es lo que pasa. Como decía un una pág. me quita el borde y en otra no, inexplicable.
Bueno en cualquier caso hay otra forma o código para poder quitar los bordes a las imágenes.

En CSS sólo pon:

img {border:none;}

y listo.
Si la img tiene un enlace, pues en CSS:

a {outline:none;}

y veras que bonito.