pseudo-element

3熱度

1回答

我想用一個僞元素添加一個鏈接的href鏈接後卻跟不上父母的文本修飾的父最佳實踐。下面的代碼顯示「a」和「a：after」具有不同的文字修飾。 a { text-decoration: none; color:#000000; } a:after { content: attr(href); color:#999999; text-decoration: underline;

1熱度

1回答

是否可以動畫和從元素中刪除僞內容..？

我有一個按鈕，當用戶點擊按鈕時，我使用僞內容:before在按鈕上添加了「打勾」標記，它工作正常。但我需要刪除:before財產由與2秒。有可能這樣做嗎？這裏是我的按鈕的CSS代碼： button{ border: 1px solid #1f85c3; height: 30px; color: #fff; padding: .4em 1em !imp

4熱度

2回答

如何調整僞元素中的圖像大小？

我想用僞元素做一些技巧。我正在顯示排名，我希望在冠軍的頂部顯示一個冠，在圖像的角落處傾斜45度。但是圖像太大了，有沒有辦法讓我調整添加到僞元素上的圖像的大小？我只有這div： <div class='box'></div> 有了這個CSS： .box { width: 50px; height: 50px; float: left; border:

2熱度

1回答

CSS3「加」圖標與不重疊的框陰影

我一直在玩弄CSS中的形狀。我發現這是一切都很好，直到你想添加一個box-shadow或border到您的元素，這是用::before和::after僞元素創建的。下面是我用兩個元素組成的加號（+）圖標的示例。我試圖在這兩個元素上放置一個box-shadow，但當然不希望最頂層的元素（在這種情況下爲::after）陰影與底層元素重疊。 http://codepen.io/trevanhetzel

0熱度

1回答

選擇和插入內容的鏈接有：與類名前不起作用

爲什麼沒有了以下工作： HTML： <aside class="vcard"> <a href="mailto:[email protected]" class"email">[email protected]</a> <a href="tel:7865201412" class="tel">436-560-1487</a> </aside> CSS： .vcard a.

12熱度

1回答

如何定位：之前和之後：僞元素在彼此之上？

將一個僞元素直接放在另一個僞元素之上的最好方法是什麼？比方說，我想打一個奇特的「勾選」顯示在旁邊標註的位置： <input id="pretty"><label for="pretty">Label text</label> 我可能想用一個梯度一個僞元素，而另一個與定位在頂部，一個普通的盒子模擬「漸變邊界」效果。我可以去讓兩個盒子： label:before { content: "\0

1熱度

2回答

爲什麼這個CSS：之前的語句不工作在IE 8，IE9？

使用a：在CSS之前在此處獲取圖像/圖標（請參閱下圖中的圓圈），但在Internet Explorer 8+中，它只是沒有顯示出來。這是網站： http://www.websiteprofessioneel.nl 圖片下面的鏈接顯示正確的元素（這是在第一篇文章標題上的圖標）爲上盤旋此screendump http://tinypic.com/view.php?pic=xxd9f&s=5#.Ul_

7熱度

2回答

CSS ::在僞元素行高之前？

我的段落的高度/線條高度爲50px，而text-align: center則以文字爲中心。但是，p：之前正在導致它的高度/線高增加，導致文字碰撞。我希望p和p：之前都是垂直居中的。 http://jsfiddle.net/MMAUy/ <p>Hover This</p> p { background: red; text-align: center; height

2熱度

1回答

attr（x）不能在CSS中工作

所以我想在文檔網頁中使用pre標籤。現在，我想要正確的語言在右上角。所以，這就是我想我可以這樣做： <pre class="code" language="Python"></pre> 然後我可以使用after和attr(X)在CSS與language內容後，以填補僞： pre.code:after{ content: attr("language"); position:

1熱度

1回答

我可以使用：第一個字母和：懸停選擇器在一起嗎？

我有第一個字母選擇器工作，以改變第一個字母的顏色，但當懸停該區域的顏色與背景相匹配，因此它變得不可見。這是代碼的工作 .nav-menu li a:first-letter {color:#b5b503;} .nav-menu li a:first-letter {font-weight:bold;} .nav-menu li a { color: #fff; d