How to change font in Bootstrap css?

Question

css

It may not have anything to do with Bootstrap, but since I'm using it.
I have a tag: I want to assign a class to the tag in css (as is, just this):
<p>Текст</p>

.test {
font-size: 0.9vw;
}

and nothing. nothing happens at all, but if you write it like this: everything works fine. ps !important - this thing doesn't help
<p style="font-size: 0.9vw;">Текст</p>

Answer 1

1) Your style should be after bootstrap style. That is, the declaration must be included below the bootstrap css connection (possibly with !important). This is how cascading styles actually work.
2) Also, the .test class should be written after the bootstrap element in the classlist.
In general, it is enough to look at the console and see which style is interrupted by what.

Answer 2

p.test {
font-size: 0.9vw;
}