Template code question

General
1

I am quite new to witing code. could someone explain or show me why this works:

image

<style>

[node-id="19d1fa033f658b1d"] .value {
    font-size: 30px;
}

[node-id="ba3de486c9d40a43"] .value {
    font-size: 30px;
}
 
[node-id="01f74cf08bd80c93"] .value {
    font-size: 30px;
}
 
 [node-id="6636a14649613644"] .value {
    font-size: 30px;
}
 
</style>

But this doesn't?:

image

<style>

[node-id="19d1fa033f658b1d"]
[node-id="ba3de486c9d40a43"]
[node-id="01f74cf08bd80c93"]
[node-id="6636a14649613644"]

.value {
    font-size: 30px;
}
 
</style>
2

Grouping selectors in CSS requires them to be separated by a comma e.g...

<style>

[node-id="19d1fa033f658b1d"] .value,
[node-id="ba3de486c9d40a43"] .value,
[node-id="01f74cf08bd80c93"] .value,
[node-id="6636a14649613644"] .value
{
    font-size: 30px;
}
 
</style>

However, it is far more convenient to use classes

<style>
.large-text {
    font-size: 30px;
}
</style>
3

Thank you for your answer. It worked.

Not sure how this works tho...