在给列表添加颜色的时候只有列表前面的小圆点改变颜色而文字不bi
html吧
全部回复
仅看楼主
level 2
唯特大人 楼主
<body> <div class="mav"> <nav class="nav"> <a href="">正在热映</a> <a href="">即将上映</a> <a href="">经典影片</a> </nav> </div> <div class="container"> <div class="choose-area"> <div class="choose-item clear-fix"> <div class="left">类型:</div> <div class="right"> <ul> <li><a href="">Lorem.</a></li> <li><a href="">Commodi.</a></li> <li><a href="">Soluta!</a></li> <li><a href="">Magnam.</a></li> <li><a href="">Saepe?</a></li> <li><a href="">Incidunt?</a></li> <li><a href="">Earum.</a></li> <li><a href="">Officiis!</a></li> <li><a href="">Enim?</a></li> <li><a href="">Veniam!</a></li> <li><a href="">Maiores!</a></li> <li><a href="">Animi!</a></li> <li><a href="">Minus.</a></li> <li><a href="">Veritatis?</a></li> <li><a href="">Est.</a></li> <li><a href="">Velit!</a></li> <li><a href="">Sunt?</a></li> <li><a href="">Doloremque!</a></li> <li><a href="">Nostrum?</a></li> <li><a href="">Explicabo!</a></li> </ul> </div> </div> <div class="choose-item clear-fix"> <div class="left">区域:</div> <div class="right"> <ul> <li><a href="">Lorem.</a></li> <li><a href="">Commodi.</a></li> <li><a href="">Soluta!</a></li> <li><a href="">Magnam.</a></li> <li><a href="">Saepe?</a></li> <li><a href="">Incidunt?</a></li> <li><a href="">Earum.</a></li> <li><a href="">Officiis!</a></li> <li><a href="">Enim?</a></li> <li><a href="">Veniam!</a></li> <li><a href="">Maiores!</a></li> <li><a href="">Animi!</a></li> <li><a href="">Minus.</a></li> <li><a href="">Veritatis?</a></li> <li><a href="">Est.</a></li> <li><a href="">Velit!</a></li> <li><a href="">Sunt?</a></li> <li><a href="">Doloremque!</a></li> <li><a href="">Nostrum?</a></li> <li><a href="">Explicabo!</a></li> </ul> </div> </div> <div class="choose-item clear-fix"> <div class="left">年代:</div> <div class="right"> <ul> <li><a href="">Lorem.</a></li> <li><a href="">Commodi.</a></li> <li><a href="">Soluta!</a></li> <li><a href="">Magnam.</a></li> <li><a href="">Saepe?</a></li> <li><a href="">Incidunt?</a></li> <li><a href="">Earum.</a></li> <li><a href="">Officiis!</a></li> <li><a href="">Enim?</a></li> <li><a href="">Veniam!</a></li> <li><a href="">Maiores!</a></li> <li><a href="">Animi!</a></li> <li><a href="">Minus.</a></li> <li><a href="">Veritatis?</a></li> <li><a href="">Est.</a></li> <li><a href="">Velit!</a></li> <li><a href="">Sunt?</a></li> <li><a href="">Doloremque!</a></li> <li><a href="">Nostrum?</a></li> <li><a href="">Explicabo!</a></li> </ul> </div> </div> </div> </div></body></html>
2020年03月04日 15点03分 1
level 2
唯特大人 楼主
.mav{ height: 60px; background-color: #008c8c; text-align: center; line-height: 60px;}body{ color: red;}.mav .nav a{ margin: 0 38px;}.container .choose-area{ width: 1120px; border: 1px solid #e5e5e5; margin: 40px auto; line-height: 1.5;}.container .choose-area .choose-item .left{ float: left; width: 60px; color: #999999; text-align: right;}.container .choose-area .choose-item .right{ width: 1050px; color: red; float: right;}.container .choose-area .choose-item .right li{ float: left; margin: 0 9px; color: red;}.container .choose-area .choose-iten .right a{ } .container .choose-area .choose-item .right li a:hover { color: red;}.clear-fix::after{ content: ""; display: block; clear: both;
2020年03月04日 15点03分 2
1