什麼是替代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。普通的瀏覽器支持注意事項適用。