pseudo-element

0熱度

1回答

我在鏈接的左側使用了圖像。現在，我使用:: before屬性來顯示圖像，但它顯示在鏈接上方。我需要讓它對齊。這裏有一個圖： Link 我正在使用的代碼是： .vocabulary-duration::before { content: ""; float: left; font-family: "FontAwesome"; font-size: 18p

1熱度

3回答

CSS計數器：你可以通過非整數（即浮點數）增加嗎？

我已經看到了你可以使用各種類型的計數器，作爲公認的回答這個問題描述：CSS Pseudo Element Counters: can you increment an alphabet letter "a", "b", "c", etc instead of a number? 但是，是否有可能通過一個浮動，例如遞增0.5？這將使的，比如說一個列表，3.0，3.5，4.0，4.5，等這是我一直試

1熱度

3回答

位置：之後相對於：之前

比方說，我有一個輸入顯示基於某個數據屬性的僞元素，並將其定位在輸入的正上方，因此它充當標籤。標籤按預期工作，但我想根據其他參數對其進行定製，特別是，如果輸入具有「必需」類，我希望在標籤旁邊顯示紅色星號。是否有可能將僞元素相對於：before僞元素進行定位？下面是一個例子： .flex-form .field[data-label]:before { content: attr(data

1熱度

1回答

如何在僞元素之前忽略元素填充？

下面是我對僞元素忽略填充的解決方案，但它感覺有點「哈克」，因爲我在僞元素上使用了負餘量。此解決方案是否正常？我也嘗試使用left: 0; top: 0;，但後來我得到了我的僞元素相對於頁面的主體，而不是元素。爲什麼？ CSS： .block-header { background-color: #3A658B; height: 30px; width: 100%;

0熱度

1回答

使用屬性選擇器在CSS僞元素中換行

所以我一直試圖在after元素中得到一個換行符，並且我遇到了（我認爲）是一個有趣的怪癖。 #fourth figcaption:before { content: 'Figure \A' attr(title) ' '; white-space: pre-wrap; } 這工作如何，我想和我在屬性的內容之前得到一個換行符。如何從內存中完全取得內容停止渲染。 #fift

0熱度

1回答

我無法獲取::顯示內容後在表

我想通過使用::之前和::之後將文本放在括號中的特定表格單元格中。單元格內容本身是從高級自定義字段的形式中提取出來的，理論上講，它將插入在括號之間。我有以下的CSS #ingredients td:nth-child(4)::before {content:"(";} #ingredients td:nth-child(4)::after {content:")";} 開幕括號，因爲它應該

1熱度

1回答

陰影DOM

內部應用僞元素CSS選擇我有一個聚合物2 paper-input，其保持時間： <paper-input type="date"></paper-input> 當此呈現的實際<input>是影子DOM用於控制內部。我想使用僞元素選擇器::-webkit-inner-spin-button來設置Chrome中的微調按鈕的樣式。在Polymer 1/Shadow DOM v0中，我可以使用/d

0熱度

1回答

僞元素::隱藏同胞元素的內容之前

我想在懸停在我的列表元素（或者我的錨點標籤在這些列表元素中）時創建一個過渡效果。不幸的是，當我使用我創建的transition :: :: before僞元素（或者:: after，我不確定）隱藏技術上它的同級內容是什麼，那是錨標籤中的文本。我試着在ul，li和一個標籤上操作z-index無濟於事。這個問題可能出現在我對位置的使用中：絕對在我的轉換中，但我無法知道我做錯了什麼。這裏的HTML

0熱度

1回答

：不是（：空）：在僞類/元素組合之前

我只想在內容出現時顯示標籤。這不起作用： https://jsfiddle.net/9g0amsh1/ .views-field-field-documents .field-content:not(:empty):before { content: "Documents associés : "; float: left; } <div class="view

0熱度

2回答

如何將變量添加到僞類的jquery選擇器中？

是否可以添加一個變量到僞元素的jquery字符串選擇器？我已經嘗試了下面的兩個代碼，但都沒有看到工作，請你幫助我？ $(function() { $("option").click(function(){ var filt1 = $(this).attr('id'); $("#filter2 option[class!=filt1]").hide(); $("#fi