Utilizar IDs no es tan buena práctica en CSS, lo mejor es utilizar clases porque los IDs son muy importantes para el CSS y son específicos.
Podemos causar conflictos futuros si utilizamos IDs.
Si nos paramos sobre el selector veremos que tenemos una sección de especificidad del selector.
En el caso de la imagen, el primer 1 nos dice que tiene implícito un ID, el 0 es una clase y el siguiente 1 es una etiqueta.
El editor no nos va a decir cuando haya un estilo embebido, solo nos dará la especificidad de los IDs, clases, etiquetas o pseudo selectores.
Para el navegador es más importante que el código tenga más clases en vez de una clase y una etiqueta