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

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

  •  
  •   rogwan Dec 18, 2016 4271 views
    This topic created in 3446 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     3290 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 56ms UTC 11:44 PVG 19:44 LAX 04:44 JFK 07:44
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86