Is there a way to make a CSS Selector that matches the following?
All OBJECT elements
which have a PARAM element inside of them
The selector
OBJECT PARAM
doesn't work, as it matches the PARAM, not the OBJECT. I'd like to apply { display:none } to the objects; it's useless to apply that to the PARAMs.
(I'm aware I could pull this off with jQuery - $("object param").closest("object")
- and VanillaJS - document.querySelector("object param").closest("object")
- but I'm trying to create CSS rules on a page.)
.main [:hover,ul,ul>li,p] { display:inline-block;}
object:not(:empty) { display: none; }
jsfiddle.net/xeepete/949a55oo