关于源码中CSS选择器重复的问题

关于源码中CSS选择器重复的问题

#Total .item.item_, #Total .item_.item_ {

      width: 60%;

      height: 30px;

}

以上节选部分源码,html中结构是

<div id="Total">

    <div class="item">

        <span class="important">*</span>

        <label for="userAccount">用户名 :</label>

        <input type="text" id="userAccount" placeholder=" 用户设置成功后不可修改">

    </div>

    <p class="item_"></p>

    <br>

</div>

#Total .item_.item_这种选择器应该选不到东西吧,我理解的是.item.item这是什么做法,是不是重复了,还是新写法,我F12看了,起了作用,这是为什么

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,其实是没有什么意义的,这只是css中选取元素的不同写法而已。

祝学习愉快~

好帮手慕码 2020-04-02 16:58:53

同学你好,没有理解同学“这个理解上感觉没区别啊,选不选取自身的话没区别啊,比如说老师你举得那个例子,div.box和.box选取的都是元素自身啊”这句话的意思。

不过这些写法都是用来选取自身的, 而且这种写法不太常见,比较冷门,所以同学了解一下即可,无需纠结。

祝学习愉快~

  • 提问者 王文辉 #1
    就是不懂这么写的意义何在,比如说老师举得例子div.box,那个,我直接写div.box和div.box.box选取的没什么区别
    2020-04-02 17:02:24
好帮手慕码 2020-04-02 14:16:33

同学你好,请问是不理解“.item_.item_” 这种写法对吗?其实这种写法会选取到本身。举个例子:

http://img1.sycdn.imooc.com//climg/5e8582eb0946d68902610155.jpg

效果:

http://img1.sycdn.imooc.com//climg/5e8582fa09de659a01110046.jpg

不过这种写法不常见,所以同学不太理解。比较常见的选取自身的写法是如下:

http://img1.sycdn.imooc.com//climg/5e85832809bada5902210113.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 王文辉 #1
    这个理解上感觉没区别啊,选不选取自身的话没区别啊,比如说老师你举得那个例子,div.box和.box选取的都是元素自身啊
    2020-04-02 14:53:18
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师