解决方法
可能没有CSS4这样的东西,但有“选择器等级4”这样的东西.这是下一代选择器的未完成规范,并且在规范中包含父选择器.或者更准确地说,是一个“主题”选择器.
规范文件在这里：http://dev.w3.org/csswg/selectors/
但请注意,它是一个开发URL,规范仍然是一个正在进行中的工作.
div > !.foo > span
这将选择具有类foo的元素,即div的子元素,并且在其中具有作为子元素的跨度.
然而正如我所说,这不是一个完成的规范(实际上,主题选择器的语法在此过程中已经多次更改,并且可能仍然可能随时进行进一步更改).它还没有在任何浏览器中实现,并且没有任何期望它很快就会如此.
此外,即使/当选择器级别4在浏览器中实现时,规范明确指出某些选择器可能因性能原因而被排除在实现之外(它们区分“快速”选择器和“完整”选择器组) .主题选择器就是其中之一：如果规范保持原样,那么浏览器就没有强迫将它添加到CSS中.在这种情况下,他们可能会将其添加到Javascript,即对于像document.querySelector()这样的方法,而不是CSS本身.这对你没有任何帮助,因为它已经可以通过javascript找到一个父元素了. (有关详细信息,请参阅上面链接的规范中的2.1节).
所以简短的回答是：不,这是不可能的.未来可能有可能,但现在对你没有帮助,即使将来也可能会出现停滞不前的警告.
(您可能还想阅读this article这是一个比实际规范更具有最终用户友好性的文档.但是您会注意到自本文撰写以来主题选择器语法已经改变)
