드롭다운 메뉴 효과를 얻기 위해 순수 CSS를 사용하는 방법을 알고 있습니까?

<ul class="nav">
    <a href="#">服装</a>
    <ul class="plat">
        <li><a href="#">衬衫</a></li>
        <li><a href="#">棉袄</a></li>
        <li><a href="#">裤衩</a></li>
    </ul>
</ul>

      *{
            padding: 0;
            margin: 0;
        }

 ul,a{
            font-size: 20px;
            list-style: none;
            text-decoration: none;
            background-color: #3C3C3C;
            color: #FFFFFF;
            width: 100px;
            text-align: center;
            border: 0px solid black;
            border-radius: 5px;  /*圆角*/
            margin-top: 1px;
        }
        a{
            display: block;
        }

.plat{
            display: none;
        }

.nav:hover .plat{
            display: block;
            clear: both;
        }

.nav{
             float: left;
             margin-left: 1px;
         }

`.plat li:hover>a{
            background-color: dimgrey;
        }`