Fieldset fillet CSS3 compatibility issues

how does fieldset round the border (IE11 is still right-angled Google is rounded)
how to move to 123789 turn red (unless + .red) + li:nth-child (3) unexpectedly not work?

<!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>
Mar.19,2021

it should not be possible to change the style of item 3 of the list while hovering over item 1 of the list, because: hover is a pseudo-class, and it should only work on the element to which it belongs, that is, it can only work on item 1 of the list and the child elements in item 1 of the list.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b37d3a-2b840.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b37d3a-2b840.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?