鍍金池/ 問(wèn)答/HTML5  HTML/ fieldset圓角CSS3兼容問(wèn)題

fieldset圓角CSS3兼容問(wèn)題

請(qǐng)問(wèn)fieldset如何圓角邊框（IE11依舊是直角谷歌下是圓角了）
如何讓移動(dòng)到123時(shí)789變紅色（除非 + .red ） + li:nth-child(3) 居然不行？

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>fieldset</title>
<style>
fieldset{border-radius:12px;border:2px solid red;width:50%;margin:auto;}
li:nth-child(1):hover +li:nth-child(3){color:red;}
</style>
</head>
<body>
<fieldset><legend>123</legend>456</fieldset>
<ul><li>123</li><li>456</li><li class="red">789</li></ul>
</body>
</html>
回答
編輯回答
做不到

鼠標(biāo)懸停在列表的第1項(xiàng)上，卻要改變列表的第3項(xiàng)的樣式，應(yīng)該是不行的，因?yàn)?:hover 是偽類，它應(yīng)該只能對(duì)它所屬的元素起作用，也就是只能對(duì)列表的第1項(xiàng)，以及列表第1項(xiàng)中的子元素起作用。

2017年10月30日 01:55