Haciendo sentido de las advertencias de CSS Lint

Question

Estoy escribiendo el CSS para nuestro sitio web y acabo de ejecutarlo a través de CSS Lint. Estoy luchando por dar sentido a algunas de las advertencias, así que sería de gran ayuda para la comunidad.

1. No utilice identificadores en los selectores.

   ¿No es ese el objetivo de los ID? ¿Se usará para abordar un elemento particular en la página?

2. 2 IDs en el selector, ¿en serio?

   ¿Hay una mejor manera de seleccionar un elemento en lugar de utilizar dos selectores en la misma línea?

3. Modelo de caja rota: utilizando la altura con borde superior.

   No tengo idea de lo que esto significa. Según entiendo, la altura de la caja es independiente de la altura del borde. He definido una altura para el elemento que luego los lados fronterizos se definen individualmente, ¿dónde me estoy equivocando?

4. Título (h1) no debería ser calificado.

Answer 1

No he usado CSS Lint, así que no estoy seguro acerca de la mayoría de estos. Pero con respecto a 2., "2 ID en el selector", creo que lo están marcando porque es probable que sea redundante. Un selector de ID indica que el elemento es único en la página. Entonces, si usa dos ID en el selector, p. #main #navigation, probablemente también podría utilizar el último, p. Ej. #navigation.

Sin embargo, si usa la ID más alta, p. Ej. indica en qué tipo de página estás, que me parece bien.

Hay mucha gente CSS bien intencionada que está muy interesada en decirte lo que debes y no debes hacer, independientemente de lo que trates de hacer.

Answer 2

Si usted pasa por http://csslint.net/about.html, que dice lo siguiente:

1. No utilice ID de los selectores

IDs no se deben utilizar en los selectores porque estas reglas son demasiado apretado junto con el HTML y no tienen posibilidad de reutilización. Es mucho preferido para usar clases en selectores y luego aplicar una clase a un elemento en la página.

2. Cuidado con los modelos de cajas rotas

Bordes y relleno de añadir espacio fuera del contenido de un elemento. El ajuste de de ancho o alto junto con bordes y relleno generalmente es un error porque no obtendrá el resultado visual que está buscando. CSS Lint advierte cuando una regla usa ancho o alto además del relleno y/o el borde .

Creo que los ID se hicieron por una razón, y si se hacen los cálculos correctamente, no tiene que preocuparse por el modelo de caja rota.