@Julius3 (JuliusY) posted a new topic, subject "Learn Basic CSS by Building a Cafe Menu - Step 82". It read:

   **Tell us what's happening:**  
    Describe your issue in detail here.  
    I don't know what a:hover pseudoselector is.
    [code] 
          **Your code so far**
        
    [/code]
    [code] 
        /* file: index.html */
        <!DOCTYPE html>
        <html lang="en">
        <head>
          <meta charset="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <title>Cafe Menu</title>
          <link href="styles.css" rel="stylesheet"/>
        </head>
        <body>
          <div class="menu">
            <header>
              <h1>CAMPER CAFE</h1>
              <p class="established">Est. 2020</p>
            </header>
            <hr>
            <main>
              <section>
                <h2>Coffee</h2>
                <article class="item">
                  <p class="flavor">French Vanilla</p><p class="price">3.00</p>
                </article>
                <article class="item">
                  <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
                </article>
                <article class="item">
                  <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
                </article>
                <article class="item">
                  <p class="flavor">Hazelnut</p><p class="price">4.00</p>
                </article>
                <article class="item">
                  <p class="flavor">Mocha</p><p class="price">4.50</p>
                </article>
              </section>
              <section>
                <h2>Desserts</h2>
                <article class="item">
                  <p class="dessert">Donut</p><p class="price">1.50</p>
                </article>
                <article class="item">
                  <p class="dessert">Cherry Pie</p><p class="price">2.75</p>
                </article>
                <article class="item">
                  <p class="dessert">Cheesecake</p><p class="price">3.00</p>
                </article>
                <article class="item">
                  <p class="dessert">Cinnamon Roll</p><p class="price">2.50</p>
                </article>
              </section>
            </main>
            <hr class="bottom-line">
            <footer>
              <p>
                <a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
              </p>
              <p>123 Free Code Camp Drive</p>
            </footer>
          </div>
        </body>
        </html>
        
    [/code]
    [code] 
        /* file: styles.css */
        body {
        background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
        font-family: sans-serif;
        padding: 20px;
        }
        
        h1 {
        font-size: 40px;
        }
        
        h2 {
        font-size: 30px;
        }
        
        .established {
        font-style: italic;
        }
        
        h1, h2, p {
        text-align: center;
        }
        
        .menu {
        width: 80%;
        background-color: burlywood;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        max-width: 500px;
        }
        
        hr {
        height: 2px;
        background-color: brown;
        border-color: brown;
        }
        
        .bottom-line {
        margin-top: 25px;
        }
        
        h1, h2 {
        font-family: Impact, serif;
        }
        
        .item p {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
        }
        
        .flavor, .dessert {
        text-align: left;
        width: 75%;
        }
        
        .price {
        text-align: right;
        width: 25%
        }
        
        /* FOOTER */
        
        footer {
        font-size: 14px;
        }
        
        a {
        color: black;
        }
        
        a:visited {
        color: grey;
        }
        
        a {
        background-color: brown;
        }
        
        
    [/code]
    [code] 
          **Your browser information:**
        
    [/code]
    
    User Agent is: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/809.297.0356 Safari/537.36`
    
    **Challenge:** Learn Basic CSS by Building a Cafe Menu - Step 82
    
    **Link to the challenge:**
    
    freecodecamp.org
    
    ### freeCodeCamp.org
    
    Learn to Code — For Free

To which @hbar1st (Hanaa B.) replied

    hello!  
    It is understandable that you do not yet know about pseudoselectors.  
    This exercise is to introduce you to that concept.  
    Specifically this exercise is going to teach you how to make the browser do something interesting when the mouse is simply hovering over a link (not clicking it yet).  
    It is a _very_ cool feature so I encourage you to take a look at the instructions again.
    
    You will see that they have provided a syntax template line for you to use.  
    (simply copy it exactly but replace the words in that template to use the new values for the style property and color and you should be good.)
    
    Let me know if you have trouble with this.

After which, @Julius3 (JuliusY) added

    [code]
        a:hover { background-color: brown; }
        
    [/code]
    
    Still not right

@hbar1st (Hanaa B.) replied

    yup , not correct, however, the hint section should be telling you something useful?


{'source': 'discourse', 'url': 'https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-82/551542', 'title': 'Learn Basic CSS by Building a Cafe Menu - Step 82', 'views': 120, 'has_accepted_answer': False, 'word_count': 585, 'like_count': 0, 'reply_count': 1, 'participant_count': 2, 'posts': 4, 'tags': '', 'author': '@Julius3 (JuliusY)', 'participants': '@Julius3 (JuliusY), @hbar1st (Hanaa B.)', 'image_url': [None], 'created_at': '2022-09-06T21:19:50.400Z', 'last_posted_at': '2022-09-06T21:30:51.113Z'}