pseudo-element

1熱度

2回答

我要讓下面的代碼工作： @mixin wrapper-bg($make-id) { } .wrapper-bg:before { ... background-image: url('/images/makes/{$make-id}.png'); ... } 什麼我的最好的計劃嗎？編輯：其實我可能做錯了。我想要的是每種產品的風格，唯一改變的就是圖像。這

2熱度

3回答

如何防止css僞元素從主元素中保留css？

我有一個奇怪的問題，我想在使用css的元素之前和之後添加大括號。由於花括號在html中並不存在，因此我使用css僞元素在前後添加花括號。我的問題是，僞元素正在從主CSS選擇器的CSS樣式。我不希望花括號有強調，穿透，藍色等。我怎樣才能防止這種情況？這裏是什麼錯誤示例： amdstyle[type="6"]{ \t margin-left: .5em; \t text-decorati

0熱度

2回答

在僞元素中計算元素和輸出

我有一個類名爲「vc_tta-panels」的div。在這個div中有幾個div類，名字爲'vc_tta-panel'。我想要計算vc_tta-panels div中的div。我怎樣才能做到這一點？如何顯示計數結果在一個li僞元素的不同頁面上，類名爲'menu-item-4331 :: after'using content：「」;在CSS？ <div class="vc_tta-panels"

4熱度

8回答

放置一個字符作爲一個div背景

9熱度

4回答

包含CSS內容的div，僞元素不可見後

我有一個POC，必須完成，並且只允許使用CSS來更新產品的樣式。我已經使用CSS內容屬性將產品圖片中的一幅圖片替換爲徽標。我必須添加一個簡單的字符串，並在此徽標後顯示電話號碼。我試圖用:after僞元素來做到這一點。這僅適用於div爲空的內容（徽標已被刪除）。 .demo { content: url('http://placehold.it/350x150') }

0熱度

3回答

帶有水平捲曲支架的標籤文本

我正在顯示句子，某些短語來自某個班級。現在，我想用上面的一個大括號將這些短語的類包括在內，如附加的模型所示。我的問題是：什麼是實現這種功能的最佳方式？有沒有任何代碼示例？ EDIT（當前代碼加）： HTML <token>Effects</token> <token>of</token> <token>an</token> <token>ascorbic</token> <elem ty

3熱度

6回答

CSS切割半右上邊框和半右上邊框

如何實現這種複選框（圖片如下所示）？我嘗試了一些代碼，但它不會按我的預期工作。在僞元素之前我不熟悉css。 JSFiddle .chkbox { height: 15px; width: 15px; background-color: #fff; border: 1px solid #ddd; position: relative; tr

0熱度

1回答

製作內容顯示在：僞選擇器之前？

我有一個元素 <div class="Test_then">The result is ...</div> 的Test_then類看起來是這樣的： .Test_then::before { content: 'Then'; } 我的目標是讓（The result is ...）出現下面由Test_then類添加Then內容。因此，換句話說，在將呈現這樣的： Then The

1熱度

4回答

如何在元素底部居中一個小邊框：before和：after？

我想在我的頭條新聞網站上創建一個小邊框。我正在使用僞元素之前和之後。代碼有點特別，因爲我正在調整我使用的模板的代碼。這是這樣的see fiddle 問題是「左：48％;」屬性：我已經手動設置了它，但取決於屏幕的大小，它可能是居中或不居中，因此它不響應。有沒有辦法讓邊框始終位於文字下方？ .headline p:before, .headline p:after { positi

3熱度

1回答

向Div和它的僞元素（CSS或Javascript/jQuery）添加錨鏈接

我有一個錨點鏈接，上面有一個圖標的菜單。我需要它，這樣當有人點擊菜單項或其上面的僞元素時，鏈接就會起作用。我有一個在這裏codepen：http://codepen.io/emilychews/pen/wJrqaR 紅色廣場，將舉行圖標僞元素。的代碼是： CSS .menu{ position: relative; left: 50px; top: 50px; height: 30px