为了账号安全,请及时绑定邮箱和手机立即绑定

最赞回答 / zhangcl
不是墨守成规,这能说明楼主还没有到大神级别属性选择器可以帮你解决很多复杂的样式问题,比如说:一个table有很多行,奇数行和偶数行要设置不同的样式,动态交互的时候要改变奇数行和偶数行的样式(如鼠标移动到奇数、偶数行上),这个时候,用属性选择器是很方便的。不然难道你每一行都设置一个样式吗?
如果觉得这节内容介绍的不太清楚,请大家看看这篇文章:http://www.w3cplus.com/content/css3-multiple-backgrounds
接上面一条评论在补允一点

如果需要使用background-size来控制背景图片大小,我也不建议这样缩写,因为目前在一些移动终端上使用缩写是解析不出来的,所以不建议缩写
对于答案我来被允一下我自己的看法。如果仅从多背景上来考虑,那么不需要使用background-size来控制,下面这样其实就是对的
.demo {
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat 0 0,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat 100% 100%;

}
我发现只用一个:效果一样啊,奇怪
<style type="text/css">
a[class^=column]{
background:red;
color:#fff;}
a[href$=doc]{
background:green;
color:#fff;}
a[title*=box]{
background:blue;
color:#fff;}
</style>
#brand:target p{
background:orange;
color:#ffffff;
}
老报 赶紧再去学一下相关知识吧!我也是醉了,真不知道哪错了,求解
div:empty{
border:1px solid green;
}
我实在看不出来哪里错了,大神求指教,之前用的那个:not也是报一样的错
我用的苹果机子,safari浏览器,好多课程都看不了运行结果,运行没有反应,别的课程是可以的!前面的阴影的课程也是看不了运行结果!
表示初次接触有点难
这里的CSS3选择器虽然在css3样式里不兼容IE浏览器,但是可以在jq的选择器里兼容各浏览器
$('a:not([class*=co]').css({ 'background':'#f00', 'display':'block', 'width':'20px', 'height':'20px'});
$('a:empty').remove();
比如这个,甚至可以兼容到IE6
.item img和.item .information下的transition: all .6s属性是多余的吧。只有.item上能激活动画。
div span:hover{
-webkit-animation-name:around;
-webkit-animation-duration: 10s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 1s;
-webkit-animation-iteration-count:infinite;


}
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消