Cómo nombrar clases secundarias CSS, cuando hay una profundidad mayor que 3

Si sus estilos solo son relevantes para los elementos anidados, anide los selectores. Una clase como .header-nav-down-menu-item implica anidar por su nombre, pero no logra nada funcionalmente: es solo una clase global con un nombre realmente complicado.

Si tiene problemas de sangrado (p. Ej., footer nav .down-menu .item aplica a la segunda capa de .item s anidados), utilice el selector de descendencia directa:

pie de página .nav .down-menu> .item {}

Eso solo aplicará estilos al .item directamente dentro del .down-menu .

Para facilitar aún más las cosas, simplemente cambie sus clases .item por selectores de etiquetas literales. ( footer .nav .down-menu > li ). Si su .down-menu siempre va a ser un ul , entonces esto no hace daño y reduce su clasitis.

¿Hay algún sitio de plantilla de comercio electrónico que solo use HTML CSS y JavaScript y no tenga bootstrap?

¿Cuáles son las calificaciones indispensables, además de las habilidades técnicas, que necesito para conseguir un trabajo en los Estados Unidos, como desarrollador frontend?

Discovery Engines: ¿Cómo puedo construir un sitio como StumbleUpon?

Cómo verificar enlaces rotos en la página web usando Selenium Webdriver C #

Cómo hacer un sitio web como www.economist.com

Cómo hacer que un programa Python se inicie en el mismo punto después de matarlo

Tu pregunta me confunde. Simplemente nombre los elementos semánticamente lo mejor que pueda y use los selectores CSS3 en toda su extensión. Por ejemplo, hay dos tipos diferentes de .item uno puede tener, uno anidado debajo ul.down-menu y uno más anidado bajo ul.right-menu . Puedo seleccionarlos independientemente a través de

.header .down-menu > .item
o

.header .right-menu > .item
y puedo intercambiar el .header con .footer también sin ningún problema.

El punto es que cuando empiezo a anidar selectores, descubro cuál es el padre más exclusivo, luego salto a los elementos que me importan o a los siguientes elementos más únicos: avance de arriba hacia abajo, exactamente cómo El analizador CSS lo haría, ya que no tengo el lujo de hacer un enfoque ascendente.

Cameron Daigle

More Interesting

¿Puedo usar JavaScript para crear una página web con dos idiomas para que los usuarios puedan cambiar a quien quieran haciendo clic en un botón (sin el traductor de Google)?

¿Es normal si una empresa de alojamiento conoce las contraseñas de sus clientes?

Una vez que haya creado contenido para sitios web o blog, ¿debería volver periódicamente para actualizar o actualizar esa información?

¿Cómo preserva los créditos de SEO de un sitio web existente cuando lo rediseña en WordPress? Estoy construyendo un nuevo sitio ahora y reemplazaré el antiguo con él, por lo que no quiero instalarlo y, de repente, el negocio cae del mapa de SEO.

¿Es una buena idea poner todos sus sitios web en una sola empresa de hosting (es como poner todos los huevos en una canasta)?

¿Cuáles son las mejores prácticas y herramientas para la colaboración de equipos frontend y backend en una startup web?

¿Existe algún software o herramienta que pueda obtener las primeras 10 URL de una consulta de búsqueda de Google?

¿Es Node.js con Express.js una buena opción para mi inicio?

Cómo pasar de ser un desarrollador front-end a un diseñador UX

Cuando utiliza elementos de encabezado HTML (por ejemplo, h1, h2, h3), ¿qué jerarquía utiliza en un documento y por qué?