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

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

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

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

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

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • 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
    • Showing results for:
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target
    • Close
  • Spencer Renfro
    PLUS
    Spencer Renfro
    Courses Plus Student 11,133 Points

    The animation in the teachers note: the hash in the browser's URL does not change when clicking the eat button.

    Posted on Jun 26, 2022 by Spencer Renfro
    Spencer Renfro
    Courses Plus Student 11,133 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • baderbouta
    baderbouta
    7,804 Points

    Doesnt ":root" kinda replaces some simple JS?

    Posted on Oct 12, 2018 by baderbouta
    baderbouta
    7,804 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Yosif Qassim
    Yosif Qassim
    6,367 Points

    i want to learn how to make the animation that is provided in the teachers notes

    Posted on Apr 13, 2018 by Yosif Qassim
    Yosif Qassim
    6,367 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • Andrew Husted
    Andrew Husted
    11,271 Points

    I want to change src property of image using :target.

    Posted on Nov 8, 2017 by Andrew Husted
    Andrew Husted
    11,271 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Presica Mathew
    PLUS
    Presica Mathew
    Courses Plus Student 2,752 Points

    What is the difference between * and :root functionalities?

    Posted on Sep 5, 2017 by Presica Mathew
    Presica Mathew
    Courses Plus Student 2,752 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Mitchell Smit
    Mitchell Smit
    9,219 Points

    Workspace doesnt work

    Posted on Jul 23, 2017 by Mitchell Smit
    Mitchell Smit
    9,219 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    3 Answers

  • Nikica Maksimovski
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Nikica Maksimovski
    Full Stack JavaScript Techdegree Student 14,080 Points

    @keyframes meaning ?

    Posted on Jul 11, 2017 by Nikica Maksimovski
    .a{fill-rule:evenodd;}techdegree
    Nikica Maksimovski
    Full Stack JavaScript Techdegree Student 14,080 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • Amber O'Rear
    Amber O'Rear
    7,791 Points

    The workspace has no HTML file, just a blank style sheet.

    Posted on Apr 27, 2017 by Amber O'Rear
    Amber O'Rear
    7,791 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    3 Answers

  • johnadi
    johnadi
    3,690 Points

    hi i remove my base.css. how to get this againplz help me

    Posted on Apr 21, 2017 by johnadi
    johnadi
    3,690 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Benjamin Hedgepeth
    Benjamin Hedgepeth
    5,672 Points

    Applying background-color to :root vs body

    Posted on Mar 30, 2016 by Benjamin Hedgepeth
    Benjamin Hedgepeth
    5,672 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • YOUSSEF D
    PLUS
    YOUSSEF D
    Courses Plus Student 3,778 Points

    :target for hidden and show div

    Posted on Feb 6, 2016 by YOUSSEF D
    YOUSSEF D
    Courses Plus Student 3,778 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • XIN FANG ZHONG
    XIN FANG ZHONG
    10,149 Points

    About the example CSS animate

    Posted on Dec 8, 2015 by XIN FANG ZHONG
    XIN FANG ZHONG
    10,149 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Diego Murray
    Diego Murray
    2,515 Points

    Can someone elaborate on the :target pseudo class and how this is used exactly?

    Posted on Aug 12, 2015 by Diego Murray
    Diego Murray
    2,515 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    3 Answers

  • Diego Murray
    Diego Murray
    2,515 Points

    Is there a reason why Guil choses to use an RGBA value here for the box-shadow?

    Posted on Aug 12, 2015 by Diego Murray
    Diego Murray
    2,515 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Rishit Shah
    Rishit Shah
    4,975 Points

    Difference between :focus and :target

    Posted on Aug 5, 2015 by Rishit Shah
    Rishit Shah
    4,975 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • Jacob Bender
    Jacob Bender
    15,300 Points

    Combine :hover and :target to activate without clicking

    Posted on Jul 14, 2015 by Jacob Bender
    Jacob Bender
    15,300 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Elena Paraschiv
    Elena Paraschiv
    9,938 Points

    other examples of :target rule to better understand

    Posted on Jun 28, 2015 by Elena Paraschiv
    Elena Paraschiv
    9,938 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • Taokeen Cheung
    Taokeen Cheung
    10,606 Points

    #col-c:target {background: #eff1f2;} - Not changing. How do I fix?

    Posted on Jun 15, 2015 by Taokeen Cheung
    Taokeen Cheung
    10,606 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Li Mbo
    Li Mbo
    5,096 Points

    what does :root actually do and for what do we need it?

    Posted on Jun 1, 2015 by Li Mbo
    Li Mbo
    5,096 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

  • Sandro Meschiari
    Sandro Meschiari
    18,418 Points

    Animation

    Posted on Apr 9, 2015 by Sandro Meschiari
    Sandro Meschiari
    18,418 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    2 Answers

  • Michael Rockett
    Michael Rockett
    40,365 Points

    When link is clicked, page moves down to the targets id

    Posted on Mar 27, 2015 by Michael Rockett
    Michael Rockett
    40,365 Points
    • CSS
    • CSS Selectors
    • Advanced Selectors
    • :root and :target

    1 Answer

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

    Treehouse

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

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.