I am facing an issue while trying to integrate two CSS files into my website. The second CSS file seems to be ignored, even though both files are properly loaded when inspecting with the Development Tool in Chrome.
Here is a snippet from my Header:
<link rel="stylesheet" type="text/css" href="../CSS/theme.css"/>
<link rel="stylesheet" type="text/css" href="../CSS/main.css"/>
Some code from this site:
<div class="test">Test</div>
The main.css file includes the following style for ".test":
.test{
font-size:300px;
}
However, it seems that this style is being ignored and only the styles from theme.css are being considered. Can anyone provide assistance regarding this issue?
Below is a snippet of the HTML file:
<html lang="de" dir="ltr">
(...)
</html>
And here is a snippet from the main.css file:
:root {
--main-blue: #0E2DB7;
(...)
}