文章詳情頁
css - 如何找到指定順序的某類名元素
瀏覽：181日期：2023-06-18 16:18:21
問題描述
<p class='item2'> <p class='tcc'><p class='icon'></p><p>2017.07.07</p> </p> <p class='link'> </p> <p class='tcc'><p class='icon'></p><p>12個月</p> </p> <p class='link'> </p> <p class='tcc'><p class='icon'></p><p>2017.07.08</p> </p></p>
我想通過
item2 .tcc:nth-of-type(2) .icon{}
給第二個tcc類名的元素添加樣式，為啥會無效的。我后來想了一下，nth-of-type這類偽類選擇器前都是要元素標簽的嗎？網上的教程好像都是，不能是類名嗎？
問題解答
回答1：因為 <p class='link'></p> 也是 p 所以 第二個 tcc 其實是 nth-of-type(3)
回答2：且不說 nth-of-type 需不需要顯式指定標簽，:nth-of-type(n) 是指選擇父元素中具有指定類型的第 n 個子元素，而你的第二個 .tcc 是 .item2 的第 3 個子元素，而不是第 2 個，或許你應該寫成 .item2 .tcc:nth-of-type(3) .icon {}
回答3：item2 .tcc:nth-of-type(2) .icon{}
替換為
item2 .tcc:nth-child(3) .icon{}
標簽：
CSS
相關文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！3. docker-compose中volumes的問題4. docker不顯示端口映射呢？5. golang - 用IDE看docker源碼時的小問題6. docker內創建jenkins訪問另一個容器下的服務器問題7. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””8. javascript - 最近用echarts做統計圖時遇到兩個問題！！9. javascript - 連續點擊觸發mouseleave事件10. mac里的docker如何命令行開啟呢？
排行榜
網公網安備