Как работают стили?

Question

Предположим, у меня есть следующий код:

app.vue:

<template>
    <v-app>
        <Head
            style="padding: 0 0 0 0; margin: 0 0 0 0;"
        />
    </v-app>
</template>

head.vue:

<template>
    <v-card
        style="padding: 0 0 0 0;  margin: 0 0 0 0;"
    >
        123
    </v-card>
</template>

app.css:

.custom-container {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

В чём будет отличие от кода?

<template>
    <v-app>
        <Head
           class="custom-container"
        />
    </v-app>
</template>

head.vue:

<template>
    <v-card
        style="padding: 0 0 0 0;  margin: 0 0 0 0;"
    >
        123
    </v-card>
</template>

app.css:

.custom-container {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

При этом, я вижу различные картинки. Кажется, что замена на стили из файла не должна менять фронт. Но это происходит. Почему?

БЛОГ НА HUSL

Как работают стили?

Ответы (0 шт):