"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Se pueden utilizar paréntesis en selectores de CSS para relaciones entre hermanos?

¿Se pueden utilizar paréntesis en selectores de CSS para relaciones entre hermanos?

Publicado el 2024-12-21
Navegar:693

Can Parentheses Be Used in CSS Selectors for Sibling Relationships?

Paréntesis en selectores de CSS

¿Se pueden incorporar paréntesis a los selectores de CSS? Específicamente, en el caso de apuntar a un encabezado con el texto "Blockhead", ¿se puede escribir el selector como (.gumby > .pokey) h3?

Uso restringido de paréntesis

Los paréntesis no operadores válidos en selectores CSS. Están reservados para notaciones funcionales, como :lang(), :not() y :nth-child().

Alternativa para paréntesis en relaciones entre hermanos

En el ejemplo proporcionado, los paréntesis son innecesarios. El selector .gumby > .pokey h3 es suficiente para seleccionar el encabezado deseado.

Los selectores CSS se leen linealmente. Los combinadores, como ">" y " " utilizados en este selector, no tienen prioridad. El selector se puede interpretar como:

  • Selecciona un elemento h3
  • Que sigue inmediatamente a un elemento con la clase "pokey"
  • Ese es hijo de un elemento con la clase "gumby"

Como tanto el elemento .pokey como el elemento h3 son hijos del elemento .gumby en la estructura HTML proporcionada, este selector apuntará correctamente al encabezado con el texto "Blockhead".

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3