Home/ Questions/Q 8379233
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T16:07:22+00:00

Seems like I’m stucked. Why does the code below display a message of 12px,

  • 0

Seems like I’m stucked.
Why does the code below display a message of 12px, but not 50px? Isn’t class1 have the highe
How to fix it if I’m not allowed to change the * properties? Even !important does not help. 

<html>
    <head>
        <style type="text/css">
            *
            {
                font-size : 12px
            }

            .class1
            {
                font-size : 50px;
            }
        </style>
    </head>
    <body>
        <div class="class1">
            <span>why it is not 50px font size?</span>
        </div>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s because * also selects the <span> tag inside your <div>.

    So * is more specific in this case and thus has priority.

    .class1 span
{
    font-size : 50px;
}

    The above would work.

    • 0