CSS ~ and +

以前一直以為css不是怎麼厲害，今天忽然發現 . . .

咳。。咳。。

以下是經過測試的哦 ^_^

當然不是那麼全面啦，歡迎提意見！

ok，

~ (w3c中國沒有找到)

作用：同層級下後面的

比如：

1 <span class="t">上邊</span>2 <div>3     <span class="t">裡面</span>4 </div>5 <span class="t">下邊1號</span><br />6 <span class="t">下邊2號</span>

現在我們給他加一個樣式： div~ .t{color: red;} 

那麼誰會有變化呢？ 沒錯，就是：下邊1號和2號變成了紅色

+

作用：同層級下緊跟著的(必須緊跟著)

如果我們把樣式改為： .t~ .t{color:red;} 

誰變啦？

答案是，木有...因為沒有用符合這個規則的元素鏈

現在，把 html 代碼中的 <br/> 去掉

RUN ！