rogwan
V2EX  ›  CSS

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

  •  
  •   rogwan · Dec 18, 2016 · 4728 views
    This topic created in 3610 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
    rupert
    Dec 18, 2016 via iPhone
    1
    兄弟选择器。挺老的了
    Tyanboot
    Tyanboot
    Dec 18, 2016 via Android
    2
    看起来+号好像是 emmet 写法?表示同级元素。.号纯粹就是 class 吧
    airyland
    airyland
    Dec 18, 2016 via iPhone
    3
    你这还没入门就别说复杂了
    rogwan
    rogwan
    OP
    Dec 18, 2016
    4
    @airyland 前端兄弟刚跑路啦,临时改东东。。。
    watzds
    watzds
    Dec 18, 2016 via Android
    5
    这些一直有吧,这就叫复杂?

    逗号表示都用这个样式
    点是 class
    加号忘了
    还有>,空格,不加空格表示不同父子,兄弟关系吧
    watzds
    watzds
    Dec 18, 2016 via Android
    6
    我一个后端,去了让我搞什么 angular , webpack , glup , babel ,好累😂
    holyghost
    holyghost
    Dec 18, 2016
    7
    @watzds 中央已经决定了,就你来写前端了。
    coffeedeveloper
    coffeedeveloper
    Dec 18, 2016 via Android
    8
    现在黑前端成了一种潮流?完全不看情况来黑…😂
    ericls
    ericls
    Dec 18, 2016 via iPhone
    9
    这叫前端吗? 这叫 UI
    rogwan
    rogwan
    OP
    Dec 18, 2016
    10
    @coffeedeveloper 前端一直黑产品(唧唧歪歪),产品一直黑运营(瞎 jb 搞),运营黑销售(就知道坑蒙拐骗偷),销售一直黑行政(除了拍老板马屁 整天都忙啥),行政一直黑财务(扣),财务一直保安(没次来催报销的你怎么不拦着),保安一直黑后端(熬夜加班,怎么不知道早点起来干)。。。
    old9
    old9
    Dec 18, 2016 via Android❤️1
    11
    这里的写法不超出 CSS 2 ,算是基础知识了。
    Jakesoft
    Jakesoft
    Dec 18, 2016
    12
    兄弟这就暴露出你的水平啦,我也是后端,但是我还知道~,:,>,[], *,等等选择器呢, jquery 的各种选择器就不说了(突然优越起来)
    rogwan
    rogwan
    OP
    Dec 18, 2016
    13
    @Jakesoft 你是不是知道的太多了,你老板知道吗? *_*
    IamJ
    IamJ
    Dec 18, 2016 via iPhone
    14
    这都是 CSS 基础,不能这样乱黑。。
    Jakesoft
    Jakesoft
    Dec 18, 2016
    15
    @rogwan 可惜老板不知道, 555
    rogwan
    rogwan
    OP
    Dec 18, 2016
    16
    @IamJ 前端是真不熟啊,上次请教一个前端朋友关于弹层中下拉菜单的选项问题,扔了一句:你不懂的,就算了,搞的很尴尬...
    ethanlu
    ethanlu
    Dec 18, 2016
    17
    通过 + 号选择同层级中,紧接在元素后面的指定元素
    <!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
    bdbai
    Dec 18, 2016 via Android
    18
    @ethanlu HTML 注释是这样用的?
    ethanlu
    ethanlu
    Dec 18, 2016
    19
    @bdbai <!----> 这只是我记在 markdown 里面的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4933 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 07:36 · PVG 15:36 · LAX 23:36 · JFK 02:36
    ♥ Do have faith in what you're doing.