添加另一個CSS選擇器的peusdo選擇

-1

我使用克里斯Coyer的CSS技巧這對於一個表完美的作品之一，但是我想實現它在50桌添加另一個CSS選擇器的peusdo選擇

table.marin th:nth-of-type(1):before { content: "Rowland Blvd"; }

和

th.marin:nth-of-type(1):before { content: "Rowland Blvd"; }

不起作用，但第二個與ap元素一起工作，但似乎不與第th元素一起工作。任何想法，解決方法或解決方案？

這裏是克里斯的原創article看到我在做什麼（隱藏當前標題和顯示移動視圖小頭）

來源

2016-10-26 user1857409

你需要添加更多的細節，你做了什麼，等 – feco

那麼它的哪部分「*不起作用*」？ *以什麼方式*「不工作*」？它做錯了什麼，它不應該做什麼？ –

「第二個與p元素一起工作」是什麼意思？你如何期待我們理解這個問題，如果它沒有任何HTML標記？ – Oriol

使用僞元素，如:before上th或td將意味着，你插入內容之前或之後。這可能會破壞表格佈局。

爲了不存在跨瀏覽器兼容性問題，我建議在您的th元素中使用div或p容器，並在該元素上添加僞元素。

來源

2016-10-26 21:51:57 wigi

實際上，當我試圖自己解決這個問題時，我將我的代碼格式td更改爲th，並且當我將代碼與原始CSS技巧頁面進行比較時，我發現了這個錯誤。一旦我從table.marin th改變我的選擇器：第n種類型（1）：before {content：「Rowland Blvd」; } to table.marin td：第n種類型（1）：before {content：「Rowland Blvd」; }它實際上工作。我的答案是在我自己的代碼中進行表格分割：tbody.stripe tr：nth-type-type（2n）{background-color：＃F9F9F9;} – user1857409

實際上，當我試圖自己修復這個問題時，我將自己的代碼格式td更改爲th，並且當我將代碼與原始CSS技巧頁面進行比較時，我注意到了該錯誤。一旦我改變我的選擇器從 table.marin th：nth-type-type（1）：before {content：「Rowland Blvd」; } to table.marin td：第n種類型（1）：before {content：「Rowland Blvd」; } 它實際上工作。

我的回答是我自己的代碼表分拆： tbody.stripe TR：第n-的類型（2N）{背景-family：宋體;}

我還檢查代碼在Safari中， IE10，Firefox最新和Chrome最新，似乎都做得很好。

來源

2016-10-26 23:22:26 user1857409

添加另一個CSS選擇器的peusdo選擇

回答

相關問題