Max wieght

The universal selector can be used with any property, but it's generally not considered a good practice to use it to set properties to specific values.

The property box-sizing doesn't establish any specific value, it just determines how measurements are made.

To constrain the width of the page, you could just apply that restriction to the body element, it wouldn't need to be applied to every element within it.

No, you should assign a max-width to a class, along with the other properties relevant to your container and give that class to every containers your site has.

.container {
    max-width: 900px;
    margin: auto;
    background-color: #1f1653;
}

<section id="sectionName">
    <div class="container">
        <p>My parent has a max width of 900px and is centered !</p>
    </div>
</section>

<section id="anotherSection">
    <div class="container">
        <p>My parent also has a max width of 900px and is centered !</p>
    </div>
</section>

Thank you, Steven Parker for your reply but I think you got my question wrong. Let me rephrase my question.

Generally, it is considered a good practice to use the universal selector as little as possible. So, let us say, I am developing a website that containers 10 or 20 pages. Is it a good practice to use the max-width property in the universal selector so that the max-width does not exceed the set value for any of my pages?

Thanks