<p>
<a href="https://segmentfault.com" class="p1">This is a paragraph.1</a>
<a href="https://segmentfault.com" class="p2">This is a paragraph.2</a>
</p>.p1:hover+.p2 { outline: 10px double purple;
}
.p2:hover~.p1 { outline: 10px double purple;
}其實想做就是:鼠標懸停p1,給p2一個框; 鼠標懸停p2,給p1一個框。 但,后半句無效。把組合選擇器都試了,它們?nèi)窍蚝筮x擇節(jié)點的,沒法向前。。。?問題2:如何選擇不同父的兩個/多個元素?還是上例,我開始的HTML是這樣寫的<div>
<p>
<a href="https://segmentfault.com" class="p1">This is a paragraph.1</a>
</p>
<p>
<a href="https://segmentfault.com" class="p2">This is a paragraph.2</a>
</p></div>后來發(fā)現(xiàn),組合選擇都是兄弟 后代,像上面分屬于兩個<p>的,貌似沒啥關系,怎樣實現(xiàn)我問題1的目的?
css 選擇器 如何選擇前一節(jié)點?
HUH函數(shù)
2018-08-10 14:12:56