a[class^=column]{
background:red;
}
a[href$=doc]{
background:green;
}
a[title*=box]{
background:blue;
}
background:red;
}
a[href$=doc]{
background:green;
}
a[title*=box]{
background:blue;
}
2017-01-07
篮子里有很多不同种类的水果,苹果有很多个,香蕉有很多个,但是西瓜只有一个
篮子>苹果:only-of-type{} 没用
篮子>香蕉:only-of-type{} 没用
篮子>西瓜:only-of-type{} 选中了
篮子>苹果:only-of-type{} 没用
篮子>香蕉:only-of-type{} 没用
篮子>西瓜:only-of-type{} 选中了
2017-01-07
代码中的几个问题:
1、 .itemimg 中间少了空格 .item img
2、 CSS代码中文注释没用/**/
3、 .item .information 的 background并没有少a
4、 第21行的h1,em,#information,不是.information,而是多余了“,em,#information”,删除即可
5、HTML中没有a标签,删除即可
6、任务一的背景图像链接失效,我换成了6-7节切换背景图的那一届的背景http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg2.jpg,可以看到背景效果。
1、 .itemimg 中间少了空格 .item img
2、 CSS代码中文注释没用/**/
3、 .item .information 的 background并没有少a
4、 第21行的h1,em,#information,不是.information,而是多余了“,em,#information”,删除即可
5、HTML中没有a标签,删除即可
6、任务一的背景图像链接失效,我换成了6-7节切换背景图的那一届的背景http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg2.jpg,可以看到背景效果。
2017-01-06
.nav li+li:before{
content:" ";
display:inline-block;
vertical-align:middle;
height:30px;
width:1px;
position:absolute;
top:10px;
left:0;
background-image:linear-gradient(to bottom,rgba(246,95,87,.3),#b03f39,rgba(246,95,87,.3));
}
content:" ";
display:inline-block;
vertical-align:middle;
height:30px;
width:1px;
position:absolute;
top:10px;
left:0;
background-image:linear-gradient(to bottom,rgba(246,95,87,.3),#b03f39,rgba(246,95,87,.3));
}
2017-01-06
正解:min-width 表示最小即大于等于, max-width 表示最大即小于等于
(无知不是你随意卖弄自己智商的理由)
(无知不是你随意卖弄自己智商的理由)
2017-01-05
1、 .slider li:nth-of-type(1) a到.slider li:nth-of-type(5) a
2、 .slider li:nth-of-type(n) a::after
3、 .slider li:nth-of-type(1) a::after到 .slider li:nth-of-type(5) a::after
4、 .slider a::before
5、 .slider a:hover::before
6:、.slideLeft(slideBottom/zoomIn/zoomOut/rotate):target
7、 .bg:not(:target)
2、 .slider li:nth-of-type(n) a::after
3、 .slider li:nth-of-type(1) a::after到 .slider li:nth-of-type(5) a::after
4、 .slider a::before
5、 .slider a:hover::before
6:、.slideLeft(slideBottom/zoomIn/zoomOut/rotate):target
7、 .bg:not(:target)
2017-01-05