css中,比如:div.dparts{ };与 .dparts{ } 的写法有什么不一样吗。为什么呢
4个回答
展开全部
div属于css自带样式名,如果直接div{样式;}这样写就是定义了整个文档内所有div的样式,而div.dparts{ };这样的写法其实有些像是“路径”的味道在里面,这样写很具体的指明了div下调用了daparts这个类的样式,效果跟 .dparts{ } 没有很明显的区别,有时候像div.dparts{ };这样写是为了便于后期检查时增加可读性。
但是这两种写法确实是有区别的,典型的就是<a></a>链接样式:
举例:我的页面里面有两种不同的链接样式,一个链接样式是鼠标滑过是,背景变成demo1.jpg这张图片,而另一个鼠标滑过样式的背景图片则改为demo2.jpg样式,那这样的话这两种样式就存在冲突,一个样式里面怎么写两种鼠标滑过效果呢?如果直接定义<a>标签样式,a{样式;} a:hover{background:url(img/demo1.jpg);background:url(img/demo2.jpg);}这样写肯定是不行的!
这个时候div.dparts{ };这样的写法就派上用场了:可以把两个链接标签放在不同的DIV里面,前者放在调用样式类名为AAA的div里面,后者则放在样式名为BBB的div里面,则样式为:.AAA a{样式;} .AAA a:hover{background:url(img/demo1.jpg);} .BBB a{样式l;} .BBB a:hover{background:url(img/demo2.jpg);}这样写就不会发生冲突了,这样写的意思是:调用样式AAA的div里面的链接样式为………………;调用样式BBB的div里面的链接样式为………………;这下你懂了吧?
但是这两种写法确实是有区别的,典型的就是<a></a>链接样式:
举例:我的页面里面有两种不同的链接样式,一个链接样式是鼠标滑过是,背景变成demo1.jpg这张图片,而另一个鼠标滑过样式的背景图片则改为demo2.jpg样式,那这样的话这两种样式就存在冲突,一个样式里面怎么写两种鼠标滑过效果呢?如果直接定义<a>标签样式,a{样式;} a:hover{background:url(img/demo1.jpg);background:url(img/demo2.jpg);}这样写肯定是不行的!
这个时候div.dparts{ };这样的写法就派上用场了:可以把两个链接标签放在不同的DIV里面,前者放在调用样式类名为AAA的div里面,后者则放在样式名为BBB的div里面,则样式为:.AAA a{样式;} .AAA a:hover{background:url(img/demo1.jpg);} .BBB a{样式l;} .BBB a:hover{background:url(img/demo2.jpg);}这样写就不会发生冲突了,这样写的意思是:调用样式AAA的div里面的链接样式为………………;调用样式BBB的div里面的链接样式为………………;这下你懂了吧?
展开全部
div.dparts 是样式为.dparts 的div
这两个的区别,涉及到css 中优先级的问题,css 优先级可以采用加法来算。。
很明显div.daprts 优先级要高于.dparts
你可以试一下,写两个不同的背景色。。。显示出来的是div.daprts中设置的背景色
这两个的区别,涉及到css 中优先级的问题,css 优先级可以采用加法来算。。
很明显div.daprts 优先级要高于.dparts
你可以试一下,写两个不同的背景色。。。显示出来的是div.daprts中设置的背景色
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div.dparts是设置div包含的class=dparts的css属性 而.dparts则设置所有class=dparts的css属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div.dparts{ } 这是 div 下 的 dparts这个 样式 可以理解为 dparts是 div 的 儿子
dparts{ } 就是 他的 没有老子
至于 你说 为什么呢?我也想问 为什么呢 ????
dparts{ } 就是 他的 没有老子
至于 你说 为什么呢?我也想问 为什么呢 ????
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询