這是一個有效的使用CSS3的：沒有（）

Question

這有點不工作：#ipadmenu.oldcontent ~ :not(#ipadmenu.newcontent) ~ #content.newcontent article {width:728px}

這是正常的嗎？如果這是正確的，可能是因爲其他一些css規則衝突，但我似乎無法找到它。

我做錯了什麼？

謝謝:)

Answer 1

有一個語法錯誤，因爲你可以用http://jigsaw.w3.org/css-validator/檢查（儘管其報告是在這種情況下有點神祕）。參數：not（）必須是一個簡單的選擇器，請參閱CSS3規範中的definition of :not。如果您使用例如代碼，則代碼可用（在足夠新的瀏覽器上）。只是.newcontent作爲參數。

我不明白爲什麼你也會有#ipadmenu，因爲你不能有效地擁有兩個具有相同id的元素，即#ipadmenu與文檔中最多的一個元素匹配。