after pseudo element not appearing in code

by

It’s because the pseudo-element isn’t generated if the content value is omitted (since the initial/default value is none).

Specify a content value in order to generate the pseudo-element. A value of '' is sufficient.

.product-show .readMore.less:after {
    content: '';
    background: rgba(255, 255, 255, 0);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
}

More Related Contents:

  1. Can I use a :before or :after pseudo-element on an input field?
  2. CSS content property: is it possible to insert HTML instead of Text?
  3. CSS data attribute new line character & pseudo-element content value
  4. Using attr(data-icon) property to display unicode before element
  5. Font Awesome 5 on pseudo elements shows square instead of icon
  6. Html/Css Triangle with pseudo elements
  7. Adding HTML entities using CSS content
  8. :after and :before CSS pseudo elements hack for Internet Explorer 7
  9. Elongated hexagon shaped button using only one element
  10. Using CSS :before and :after pseudo-elements with inline CSS?
  11. Why does a filter gradient on a pseudo element not work in IE8?
  12. How can I use the CSS pseudo-element :before{ content: ” } to affect an element?
  13. Can a ::before selector be used with a ?
  14. Which elements support the ::before and ::after pseudo-elements?
  15. pseudo-element acting like a grid item in CSS grid
  16. Adding text before list
  17. How can I vertically align elements in a div?
  18. Image inside div has extra space below the image
  19. Why doesn’t the height of a container element increase if it contains floated elements?
  20. Text in Border CSS HTML
  21. Equal width flex items even after they wrap
  22. How can I scale an entire web page with CSS?
  23. CSS margin adds space outside parent element [duplicate]
  24. Place text after dots inline with the second line of text overflow ellipsis
  25. Flexbox alternative for IE9
  26. Fallback for CSS attributes without unit
  27. Center Triangle at Bottom of Div
  28. Add a pipe separator after items in an unordered list unless that item is the last on a line
  29. Linethrough/strikethrough a whole HTML table row
  30. Wrapping text around an image with indentation and justify

Leave a Comment