Piszę element HTML jak poniżej ::

<div class="box"> Foo box </div>

i napisz css jak

.box {
    width: 400px;
    height: 40px;
    color: red;
    text-align: center;
}

or

div.box {
    width: 400px;
    height: 40px;
    color: red;
    text-align: center;
}

Chcę zapytać, w jaki sposób obie css dla klasy pudełkowej różnią się od siebie.