¿Selector de CSS para "foo que contiene barra"? [duplicar]
¿Hay alguna manera de crear un selector de CSS que coincida con lo siguiente?
All OBJECT elements
which have a PARAM element inside of them
el seleccionador
OBJECT PARAM
no funciona, ya que coincide con PARAM, no con OBJECT. Me gustaría aplicar { display:none } a los objetos; Es inútil aplicar eso a los PARAM.
(Soy consciente de que podría lograr esto con jQuery - $("object param").closest("object")- y VanillaJS - document.querySelector("object param").closest("object")- pero estoy intentando crear reglas CSS en una página).
No, lo que buscas se llamaría selector de padres . CSS no tiene ninguno; Se han propuesto varias veces, pero no conozco ninguna norma existente o futura que los incluya. Tiene razón en que necesitaría usar algo como jQuery o usar anotaciones de clases adicionales para lograr el efecto que desea.
Aquí hay algunas preguntas similares con resultados similares:
- ¿Existe un selector principal de CSS?
- Selector de padres/antepasados CSS
- Selector CSS complejo para padre de hijo activo
Lo único que se acerca es la :containspseudoclase en CSS3, pero solo selecciona contenido textual, no etiquetas ni elementos, así que no tienes suerte.
Una forma más sencilla de seleccionar un padre con hijos específicos en jQuery se puede escribir como (con :has()):
$('#parent:has(#child)');
