![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
CSS中 派生选择器,id 选择器,类选择器,属性选择器这四者有什么区别?
2个回答
2013-05-06
展开全部
只能说相同的作用都是用来选择,不同就不好比较了,各有各的长处,就像锤子、起子、锉刀,只能说都是工具,要比较不同确实不好比。
用途:
做网页的时候很多情况下用id、class、派生选择、属性选择中的任意一个都有可能能选择同一个东西实现效果,只能说看用哪个更科学、合理、方便,这个要看具体网页的结构,需要实现的效果了,做的时候根据实际情况来取舍用哪个。很多可左可右的东西,多做做,有经验了自然知道该用哪个了。
派生选择就是选父子、父子子、父子子子:
div p{color:red;}
<div><p>div和p的父子关系成立了,所以这里是红色</p></div>
<p>我不是红色,因为这里只是个p,而没上级div标签</p>
-----------------------------------------------
id选择器 和 类选择器
(我无语,你看下书或网上到处都是的教程没?不要学都没学就开始到处问)
-----------------------------------------------
属性选择器:
h1[title] {color:red;}
<h1 class="title">我是红色</h1>
<h1>我不是红色,因为我没有class=title</h1>
用途:
做网页的时候很多情况下用id、class、派生选择、属性选择中的任意一个都有可能能选择同一个东西实现效果,只能说看用哪个更科学、合理、方便,这个要看具体网页的结构,需要实现的效果了,做的时候根据实际情况来取舍用哪个。很多可左可右的东西,多做做,有经验了自然知道该用哪个了。
派生选择就是选父子、父子子、父子子子:
div p{color:red;}
<div><p>div和p的父子关系成立了,所以这里是红色</p></div>
<p>我不是红色,因为这里只是个p,而没上级div标签</p>
-----------------------------------------------
id选择器 和 类选择器
(我无语,你看下书或网上到处都是的教程没?不要学都没学就开始到处问)
-----------------------------------------------
属性选择器:
h1[title] {color:red;}
<h1 class="title">我是红色</h1>
<h1>我不是红色,因为我没有class=title</h1>
![](https://ecmc.bdimg.com/public03/b4cb859ca634443212c22993b0c87088.png)
2023-08-29 广告
"StormProxies是全球大数据IP资源服务商,其住宅代理网络由真实的家庭住宅IP组成,可为企业或个人提供满足各种场景的代理产品。点击免费测试(注册即送1G流量)StormProxies有哪些优势?1、IP+端口提取形式,不限带宽,I...
点击进入详情页
本回答由Storm代理提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询