什么是替代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。普通的浏览器支持注意事项适用。