.checkbox+.checkbox, .radio+.radio { ... } 这都是什么写法啊？前端真是越来越复杂了。。。
By rogwan at 2016 年 12 月 18 日 · 4606 次点击.checkbox+.checkbox, .radio+.radio { margin: 20px 30px 20px }
这个 + 加号 是什么意思？ checkbox 和 raidio 的样式写一行，有什么特别意义吗（对比分两行写）？ 前端真是越来越复杂了。。。
19 条回复 • 2016-12-18 16:43:51 +08:00
 |
1
rupert 2016 年 12 月 18 日 via iPhone
兄弟选择器。挺老的了
|
 |
2
Tyanboot PRO 看起来+号好像是 emmet 写法？表示同级元素。.号纯粹就是 class 吧
|
 |
3
airyland 2016 年 12 月 18 日 via iPhone
你这还没入门就别说复杂了
|
 |
5
watzds 2016 年 12 月 18 日 via Android
这些一直有吧，这就叫复杂？
逗号表示都用这个样式 点是 class 加号忘了 还有>，空格，不加空格表示不同父子，兄弟关系吧 |
|
6
watzds 2016 年 12 月 18 日 via Android
我一个后端，去了让我搞什么 angular ， webpack ， glup ， babel ，好累😂
|
 |
8
coffeedeveloper 2016 年 12 月 18 日 via Android
现在黑前端成了一种潮流？完全不看情况来黑…😂
|
 |
9
ericls 2016 年 12 月 18 日 via iPhone
这叫前端吗？ 这叫 UI
|
 |
10
rogwan OP @coffeedeveloper 前端一直黑产品（唧唧歪歪），产品一直黑运营（瞎 jb 搞），运营黑销售（就知道坑蒙拐骗偷），销售一直黑行政（除了拍老板马屁 整天都忙啥），行政一直黑财务（扣），财务一直保安（没次来催报销的你怎么不拦着），保安一直黑后端（熬夜加班，怎么不知道早点起来干）。。。
|
 |
11
old9 2016 年 12 月 18 日 via Android  1
这里的写法不超出 CSS 2 ，算是基础知识了。
|
 |
12
Jakesoft 2016 年 12 月 18 日
兄弟这就暴露出你的水平啦，我也是后端，但是我还知道~,:,>,[], *,等等选择器呢, jquery 的各种选择器就不说了(突然优越起来)
|
 |
14
IamJ 2016 年 12 月 18 日 via iPhone
这都是 CSS 基础，不能这样乱黑。。
|
 |
17
ethanlu 2016 年 12 月 18 日
通过 + 号选择同层级中，紧接在元素后面的指定元素
<!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> |
这只是我记在 markdown 里面的
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap