/* 如果属性值存在点等特殊字符需要加引号 */
/* a[href]{
background-color: red;
} */
/* a[href^=www]表示选取href中以www开头的元素 */
/* a[href^=www]{
background-color: red;
} */
/* a[href$=com]{} 表示选取com结尾的href元素*/
/* a[href*=baidu]{}表示选取含有baidu的href元素 */
/* .box{
width: 300px;
height: 300px;
background-color: black;
margin-top: 20px;
overflow: hidden;
}
.son{
width: 50px;
height: 50px;
background-color:red;
margin-top: 50px;
color: white;
border-radius: 50%;
} */
``` /* img{
width: 400px;
height: 400px;
}
img[src]{
width: 200px;
height: 200px;
}
img[src="1.jfif"]{
width: 200px;
height: 200px;
}
img[alt^=图]{
width: 200px;
height: 200px;
}
img[alt$=中]{
width: 200px;
height: 500px;
}
img[alt*=加]{
width: 200px;
height: 200px;
} */
/* #a>li{
border: 1px solid red;
} */
/* #a li{
border: 1px solid red;
} */
/* #a > li:first-child + li{
border: 1px solid red;
} */
/* #a>li~li{
border: 1px solid red;
} */
*{
margin: 0;
padding: 0;
}
.box{
width: 700px;
margin: 20px auto;
height: 50px;
}
span{
float: right;
font-weight: normal;
font-size: 20px;
}
/* 使用了float后要加overflow: hidden */
/* clear:both清除两边的浮动 */
ul{
overflow: hidden;
}
ul li{
list-style: none;
}
.a {
width: 277px;
height: 106px;
float: left;
margin-bottom: 40px;
}
.b{
width: 279px;
height: 110px;
float: left;
margin-left: 20px;
margin-bottom: 40px;
}
