What does "" mean in CSS selectors? [duplicate]

Points are used for classes. HTML elements are only used with your name. The > symbol means immediate descendant.

Other ways to read this selector would look like this:

elemento com classe "user-panel" 
    que tem um descendente direto 
        elemento com classe "image"
            que tem um descendente direto
                elemento HTML "img"

CSS rules will apply only to the img element that respects this HTML hierarchy / clutter.

In HTML it could be:

<div class="user-panel">
    <div class="image">
       <img src="..." />

This selector means:

  

Select all elements with the .user-panel class, then select all direct children with the class .image , then select all direct children that are < strong> img .

That is:

• .user-panel : Selector per class
• > : Direct descendant (child) indicator
• .image : Selector per class
• > : Direct descendant (child) indicator
• img : Selector by tag

References:

• Selector by class
• Element > Element
• Selector by tag