Skip to main content

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Join the Treehouse affiliate program and earn 25% recurring commission! 🤑

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
      • • Vibe Coding
  • Ubo Town
    Ubo Town
    3,227 Points

    imgs with ::before

    Posted February 13, 2021 1:52am by Ubo Town
    Ubo Town
    3,227 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Kirt Perez
    Kirt Perez
    7,374 Points

    Can you not use single quotes with the content property?

    Posted November 14, 2020 7:55am by Kirt Perez
    Kirt Perez
    7,374 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    1 Answer

  • Rouillie Wilkerson
    Rouillie Wilkerson
    10,419 Points

    ::before, not working as indicated. https://w.trhou.se/zdg5bwtmty

    Posted December 20, 2018 10:27pm by Rouillie Wilkerson
    Rouillie Wilkerson
    10,419 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    1 Answer

  • Aakash Srivastav
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Aakash Srivastav
    Full Stack JavaScript Techdegree Student 11,638 Points

    ::before and ::after

    Posted January 20, 2018 7:26pm by Aakash Srivastav
    .a{fill-rule:evenodd;}techdegree
    Aakash Srivastav
    Full Stack JavaScript Techdegree Student 11,638 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Saqib Ishfaq
    Saqib Ishfaq
    13,912 Points

    Pseudo-elements do not work with images and form elements. ???

    Posted November 11, 2017 5:19pm by Saqib Ishfaq
    Saqib Ishfaq
    13,912 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    1 Answer

  • pat barosy
    pat barosy
    6,759 Points

    Why won't dots show using display:inline?

    Posted September 28, 2017 12:39pm by pat barosy
    pat barosy
    6,759 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Alex Wylie
    Alex Wylie
    4,364 Points

    Pseudo-Elements - ::before and ::after Why do the icons stay as links?

    Posted May 27, 2017 1:41pm by Alex Wylie
    Alex Wylie
    4,364 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Peter Tomasiewicz
    Peter Tomasiewicz
    5,592 Points

    "" for creating empty content that is then defined and styled in css ?

    Posted September 5, 2016 4:06pm by Peter Tomasiewicz
    Peter Tomasiewicz
    5,592 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    1 Answer

  • Andrew Geisler
    Andrew Geisler
    7,246 Points

    Does "source code" = the HTML document?

    Posted January 28, 2016 2:00pm by Andrew Geisler
    Andrew Geisler
    7,246 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Diego Murray
    Diego Murray
    2,515 Points

    Pseudo Classes or Pseudo Elements

    Posted August 11, 2015 6:26pm by Diego Murray
    Diego Murray
    2,515 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • gregsmith5
    gregsmith5
    32,615 Points

    How would I get two adjacent orange dots?

    Posted June 18, 2015 5:11pm by gregsmith5
    gregsmith5
    32,615 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Santiago Enciso
    Santiago Enciso
    17,789 Points

    CSS not generating images

    Posted April 14, 2015 6:37pm by Santiago Enciso
    Santiago Enciso
    17,789 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    5 Answers

  • AR Ehsan
    AR Ehsan
    7,912 Points

    Why does Guil use two colons for after and before.

    Posted March 22, 2015 9:42pm by AR Ehsan
    AR Ehsan
    7,912 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Geoffrey Neal
    Geoffrey Neal
    30,301 Points

    Unable to resize images created using the ::before pseudo-element.

    Posted March 19, 2015 12:36am by Geoffrey Neal
    Geoffrey Neal
    30,301 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    2 Answers

  • Harvey Ball
    Harvey Ball
    8,546 Points

    :before or background image for small 'label' images

    Posted March 17, 2015 12:02pm by Harvey Ball
    Harvey Ball
    8,546 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    3 Answers

  • troy beckett
    troy beckett
    12,035 Points

    Why didn't you set the display value for the icons unlike the h1::before?

    Posted March 4, 2015 3:03pm by troy beckett
    troy beckett
    12,035 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • Pseudo-Elements - ::before and ::after

    0 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

  • About
  • Blog
  • Community
  • Stories
  • Contact
  • Gift Card

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord