扯點題外話：此時此刻，我只想說，這他喵的破項目終于快完事了，修修改改一個月，光一個首頁就重做了兩邊，真是心塞啊，再這樣下去，估計下一個上新聞的前端和產品就發生在我公司了。

額，最近在刷題，很老的題，不過還是發現了兩個以前我自己不知道的有關css的東西，第一個就是利用a標簽的錨點來控制相應元素的選擇器=》:target，IE9以上可以用，附上官網解釋:＃ 錨的名稱是在一個文件中鏈接到某個元素的URL。元素被鏈接到目標元素。:target選擇器可用于當前活動的target元素的樣式。a標簽的href屬性鏈接的那個標簽:target，然后就可以通過點擊a標簽來控制那個標簽的樣式了，煮個栗子：

利用錨點來控制div

上面的代碼大家可以試一試，不過唯一不足的就是a標簽未在URI上加一個#div，也就是錨點，而:target就是利用這個錨點，我目前還是找到如何能去掉這個URI上的錨點，所以還是不用的好，反正多知道一點總是好的，可以用這個:targegt寫個輪播裝裝B，當然，這個就得大家自己動腦子想象了，下面將要介紹的還是有點實用性的，不想留給下篇，所以就在這直接寫了，有點長，見諒哈！

利用:checked來實現導航，彈窗等效果。

以往大家寫一些導航，多少會用到JS，寫個彈窗也是，利用JS來操作display等屬性達到這類效果，如果要是可以只寫css不動JS也許可以省去不少時間呢。

那么:checked就派上用場了，附上官方解釋：:checked 選擇器匹配每個選中的輸入元素（僅適用于單選按鈕或復選框）。看到這里一些人可能還是想不到（高手別吐槽我），如何利用這個:check來實現這類效果呢？不說廢話。先上圖：

簡單的顯隱

我就不附代碼了，怪長的，而且寫一遍沒壞處，:checked就是用來控制被鼠標選中radio或者checkbox的input標簽的，那么label想必大家都用過，label可以控制for屬性里面的的id對應的標簽，既然這樣，咱們把input這個丑陋的家伙隱藏掉，然后label現在等同于input，所以點擊label就可以用css的~來控制p標簽，進而改變樣式，我這里只是做了個顯隱，更神奇的效果有待大家去探索，不知道我有沒有表達清楚，請大家見諒吧，對了:checked也是IE9以上可以用，雖然說上述的兩個屬性可以做出來某些你想要的效果，但是畢竟本篇文章是奇技淫巧，偶爾用下還可以，但是該用JS還是老老實實用JS吧，規范同樣很重要。加油，干吧得。

以上均個人理解，為了自己鞏固，也為了分享給大家，寫的或好或壞，希望大家見諒，摸摸大！