Home/ Questions/Q 7663447
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T14:03:47+00:00

Suppose I define two classes in a CSS file with the same name, like

  • 0

Suppose I define two classes in a CSS file with the same name, like

.ui-widget {
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
    font-size: 1.1em/*{fsDefault}*/;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

Actually I found this code in a jQuery UI file. Why are there two classes? What is the difference if we write it like the following?

.ui-widget {
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
    font-size: 1.1em/*{fsDefault}*/;
    font-size: 1em;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The .ui-widget .ui-widget will only apply on the .ui-widget element which is by itself nested in another .ui-widget element.

    E.g.

    <body>
    <div class="ui-widget">
        The style will NOT be applied on this element.

        <div class="ui-widget">
            The style will be applied on this element.

            <div class="ui-widget">
                And here also, etcetera.
            </div>
        </div>
    </div>
</body>
    • 0