CSS 没有生效

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style type="text/css">
ul li{
    display: inline;
    list-style: none;
}
ul li img{
    list-style-type: circle;
    width:10%; border:4px solid #fff;
    box-shadow:5px 5px 10px #000; }
}
.show{
    width:600px;
    height:600px;
    background-color: red;
}
</style>
</head>
<body>
    <div class="show">
        <!-- <img src=""> -->
        11111111
    </div>
    <ul>
        <li><img alt="" src="img/1.jpg"></li>
        <li><img alt="" src="img/2.jpg"></li>
        <li><img alt="" src="img/3.png"></li>
        <li><img alt="" src="img/4.jpg"></li>
    </ul>
    
    <script src="jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            // alert(1)
            var _index,
                 _src;

        })
    </script>
</body>
</html>

为什么.show这个类名没有生效

阅读 2.6k
1 个回答

图片描述

这个你看不到吗?仔细点!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题