Can I use? http://caniuse.com/ Less http://lesscss.org Cool Libraries Bootstrap from Twitter Jetstrap
这是一个创建于 2043 天前的主题，其中的信息可能已经有所发展或是发生改变。
<style> .box1{ height: 500px; width: 500px; background-color: antiquewhite; display: flex; } .box1-1{ height: 100%; flex:3; } .box1-2{ height: 100%; flex:3; } .box1-3{ height: 100%; flex:4; } .box1 :nth-child(1){ background-color: blueviolet; } .box1 :nth-child(2){ width: 50px; height: 50px; } </style>
<div class="box1"> <div class="box1-1"> <div></div> <div class="box4" style="background-color: brown;"></div> </div> <div class="box1-2"></div> <div class="box1-3"></div> </div> 这样写，为什么 box4 会变成 width:50px height:50px????  | 1 Perry 2020-03-10 05:32:48 +08:00  2 .box1:nth-child(2) 和 .box1 :nth-child(2) 意义不同，后者是 .box1 的每个 child X 的 X:nth-child(2) |
 | 2 FragmentLs 2020-03-10 07:30:15 +08:00 ~~~~ div p { color: red; } ~~~~ ~~~~ <div> <p>One</p> <ul> <li> <p>Two</p> <p>Two</p> </li> </ul> <div> <p>Three</p> </div> </div> ~~~~ 同理 |
 | 3 Sivan 2020-03-10 10:08:44 +08:00 `.box1 :nth-child(2)` => `.box1 > div:nth-child(2)` |
 | 4 BUappend OP @Perry 谢谢 是不是 nth-child 只是用来选择有相同的 class 的元素比较好用啊？直接就 .clsss:nth-child(X) 了，但是如果选择某个父元素下第几个子元素是不是就不太行了呢 |
| 5 BUappend OP @Perry 对 可以这样 .class>div:nth-child(X) 选择某个 class 下的第 X 个 div |
| 8 BUappend OP @FragmentLs 谢谢 |
Select Language