css - 什么是 CSS 选择祖先的替代方法

Question

CSS(3) 具有后代选择器，例如td em {color: red};，但是 no ancestor selector ，显然。

那么，我应该怎么做而不是像 td {border: 1pt solid red} em; 这样的东西？即，如何为某些 (X)HTML 元素的祖先设置样式？

注意:

• Javascript 与解决方法无关，XPath'y 可能是。

Answer 1

您可以等待 CSS4 选择器实现，然后再执行

td! em {
    border: 1pt solid red;
}

参见 http://dev.w3.org/csswg/selectors4/ .

或者...

var xpathresult = document.evaluate("//td[.//em]", 
    document, null, XPathResult.ANY_TYPE, null); 
while (e=xpathresult.iterateNext()){
    e.classList.add("border");
}

参见 https://developer.mozilla.org/en-US/docs/DOM/document.evaluate .普通浏览器支持注意事项适用。