Top "Pseudo-element" questions

CSS pseudo-elements allow for an enhanced display of content within elements or the ability to generate extra beginning or ending content for elements.

What is the difference between a pseudo-class and a pseudo-element in CSS?

Things like a:link or div::after... Information on the difference seems scarce.

css css-selectors pseudo-class pseudo-element
Should I use single or double colon notation for pseudo-elements?

Since IE7 and IE8 don't support the double-colon notation for pseudo-elements (e.g. ::after or ::first-letter), and since modern browsers …

css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element
Can the :before and :after pseudo-elements inherit height from the parent element?

I am wondering whether the :before and :after pseudo-elements can inherit the height from parent using the inherit value, without …

css css-selectors pseudo-element inheritance
CSS :after pseudo element not showing up on <img>?

I have an image that kind of slides up from the menu when you hover it. Because it's hidden under …

css pseudo-element
How do I use icons from fontello in my css?

I've been using entypo (downloaded from entypo.com), and displaying the icons like so: .icon:before { display: inline-block; font-family: 'Entypo'; …

html css pseudo-element icon-fonts fontello
Display first letter only

Lets say this markup: <div id="socialMedia"> <a class="Twitter">Twitter</a> </div&…

css pseudo-element
What is the difference between pseudo-classes and pseudo-elements?

What is the different between div::after {} and div:after {} ? When do we have to use :: over :? Double colon and …

css css-selectors pseudo-element
CSS Pseudo Element Counters: can you increment an alphabet letter "a", "b", "c", etc instead of a number?

As defined here: http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment You can use code like the following to …

css pseudo-element css-content
How to make the area of CSS pseudo-element clickable?

Here's the FIDDLE for play around. I have created <div class="foo"> and have a generated CSS content …

html css pseudo-element
Z-index with before pseudo-element

I've created a 'header' element with a before-pseudo element. the pseudeo element must be behind the parent element. Everything works …

css z-index pseudo-element