rogwan
V2EX  ›  CSS

.checkbox+.checkbox, .radio+.radio { ... } 这都是什么写法啊?前端真是越来越复杂了。。。

  •  
  •   rogwan · Dec 18, 2016 · 4241 views
    This topic created in 3435 days ago, the information mentioned may be changed or developed.

    .checkbox+.checkbox, .radio+.radio { margin: 20px 30px 20px }

    这个 + 加号 是什么意思? checkbox 和 raidio 的样式写一行,有什么特别意义吗(对比分两行写)? 前端真是越来越复杂了。。。

    19 replies    2016-12-18 16:43:51 +08:00
    rupert
        1
    rupert  
       Dec 18, 2016 via iPhone
    兄弟选择器。挺老的了
    Tyanboot
        2
    Tyanboot  
    PRO
       Dec 18, 2016 via Android
    看起来+号好像是 emmet 写法?表示同级元素。.号纯粹就是 class 吧
    airyland
        3
    airyland  
       Dec 18, 2016 via iPhone
    你这还没入门就别说复杂了
    rogwan
        4
    rogwan  
    OP
       Dec 18, 2016
    @airyland 前端兄弟刚跑路啦,临时改东东。。。
    watzds
        5
    watzds  
       Dec 18, 2016 via Android
    这些一直有吧,这就叫复杂?

    逗号表示都用这个样式
    点是 class
    加号忘了
    还有>,空格,不加空格表示不同父子,兄弟关系吧
    watzds
        6
    watzds  
       Dec 18, 2016 via Android
    我一个后端,去了让我搞什么 angular , webpack , glup , babel ,好累😂
    holyghost
        7
    holyghost  
       Dec 18, 2016
    @watzds 中央已经决定了,就你来写前端了。
    coffeedeveloper
        8
    coffeedeveloper  
       Dec 18, 2016 via Android
    现在黑前端成了一种潮流?完全不看情况来黑…😂
    ericls
        9
    ericls  
       Dec 18, 2016 via iPhone
    这叫前端吗? 这叫 UI
    rogwan
        10
    rogwan  
    OP
       Dec 18, 2016
    @coffeedeveloper 前端一直黑产品(唧唧歪歪),产品一直黑运营(瞎 jb 搞),运营黑销售(就知道坑蒙拐骗偷),销售一直黑行政(除了拍老板马屁 整天都忙啥),行政一直黑财务(扣),财务一直保安(没次来催报销的你怎么不拦着),保安一直黑后端(熬夜加班,怎么不知道早点起来干)。。。
    old9
        11
    old9  
       Dec 18, 2016 via Android   ❤️ 1
    这里的写法不超出 CSS 2 ,算是基础知识了。
    Jakesoft
        12
    Jakesoft  
       Dec 18, 2016
    兄弟这就暴露出你的水平啦,我也是后端,但是我还知道~,:,>,[], *,等等选择器呢, jquery 的各种选择器就不说了(突然优越起来)
    rogwan
        13
    rogwan  
    OP
       Dec 18, 2016
    @Jakesoft 你是不是知道的太多了,你老板知道吗? *_*
    IamJ
        14
    IamJ  
       Dec 18, 2016 via iPhone
    这都是 CSS 基础,不能这样乱黑。。
    Jakesoft
        15
    Jakesoft  
       Dec 18, 2016
    @rogwan 可惜老板不知道, 555
    rogwan
        16
    rogwan  
    OP
       Dec 18, 2016
    @IamJ 前端是真不熟啊,上次请教一个前端朋友关于弹层中下拉菜单的选项问题,扔了一句:你不懂的,就算了,搞的很尴尬...
    ethanlu
        17
    ethanlu  
       Dec 18, 2016
    通过 + 号选择同层级中,紧接在元素后面的指定元素
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div + p + p{
    background-color: yellow;
    }
    </style>
    </head>
    <body>

    <div>
    <p>Paragraph 1 in the div.</p>
    <p>Paragraph 2 in the div.</p>
    </div>

    <p>Paragraph 3. Not in a div.</p>
    <p>Paragraph 4. Not in a div.</p> \\只有这一个<p>元素会改变背景颜色,因为它是<div>紧接然后再紧接着的<p>元素

    </body>
    </html>
    bdbai
        18
    bdbai  
       Dec 18, 2016 via Android
    @ethanlu HTML 注释是这样用的?
    ethanlu
        19
    ethanlu  
       Dec 18, 2016
    @bdbai <!----> 这只是我记在 markdown 里面的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4937 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 102ms · UTC 04:03 · PVG 12:03 · LAX 21:03 · JFK 00:03
    ♥ Do have faith in what you're doing.