Vue style tag not getting applied-CodePudding

im trying to build a markdown blog website but I've ran into a bug. I use tailwindCSS for my project so all of the default styles are removed. So when I added markdown to my project it didn't look good as it shouldn't. However when I revert all styles like:

<style>
p{
    all: revert;
}
h1{
    all:revert;
}
h2{
    all:revert;
}
h3{
    all:revert;
}

... and so on. It works perfectly while I'm in this developing session. However if I reload the page it doesn't work anymore. Feels like the style tag doesn't get applied but if I remove the style tag, save and paste it back in it works again. It just feels like a weird bug does anyone know how to fix it? much appreciated

CodePudding user response：

Right i fixed it, if anyone has this bug. To revert certain elements back to their default styles. add the all: revert within the selector like I did but except of putting it in a vue component add it into the index.css where you import your tailwind