前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
複製**從上面的**中，我們可以發現明明設定了奇數行和偶數行的dt，按道理來講，應該是如下圖這種執行效果才對：
這是因為，nth-child和nth-last-child在計算子元素是奇數行還是偶數行的時候，是連通父級元素中的所有子元素一起計算的，換句話說，dt:nth-child(odd)這句話的含義，並不是指「當前dl列表中的第奇數個dt子元素來計算」，而是指「當前dl列表的第奇數個子元素如果是dt子元素，那麼將選擇它」，那麼這種計算方式與我們所「理解」的這種需求怎麼計算呢？
nth-of-type選擇器和nth-last-of-type選擇器
這兩個選擇器可以避免上述的問題，css3在計算子元素是第奇數個還是第偶數個自元素的時候，就只針對同型別的子元素進行計算了，這兩個選擇器的使用方法如下所示：
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
複製**
CSS3選擇器 結構性偽類選擇器
在學習結構性偽類選擇器之前，先了解2個概念 css中的偽類選擇器和偽元素 1 偽類選擇器 css中已經定義好的選擇器,不能隨便取名 常用的偽類選擇器是使用在a元素上的幾種，如a link a visited a hover a active 2 偽元素選擇器 並不是針對真正的元素使用的選擇器，而是針...
每日一練 CSS選擇器整理
標籤選擇器 比如 div 表示頁面內所有的div中的文字的顏色都會變成黑色。classname選擇器 比如 class 表示當前根目錄下的所有classname為class的標籤中的文字都是黑色，其他目錄建議一層一層的寫。id選擇器 比如 class 表示當前頁面所有id為 class的標籤的文字顏...
css3結構性偽類選擇器 target
target選擇器稱為目標選擇器，用來匹配文件 頁面 的url的某個標誌符的目標元素。我們先來上個例子，然後再做分析。html content for brand css menusection target 演示結果 分析 1 具體來說，觸發元素的url中的標誌符通常會包含乙個 號，後面帶有乙個標...