覆盖所有现有的 CSS 样式？

Question

I have one simple question that I couldn't find a definitive answer for as of yet. I want to change the styling of a website that already has extensive CSS applied. I cannot remove or edit these existing files, only add my own. Is there a way to override all existing CSS styles, or even remove them, through a new file? Or is the only solution to override each style individually, by using more specific selectors, the !important keyword, and so on?

I am very new to web design, so I hope you'll forgive this (maybe very simple) question.

Answer 1

yes important can override it but there are specificity overriding also. Example

<div class="main">
  <div class="test-wrapper">
   <div class="box s-1 h-1">

   </div>
  </div>
</div>


.main .test-wrapper .box{}

if I want to override this

increase the specificity

.main .test-wrapper .box.s-1{} 

https://www.w3schools.com/css/css_selectors.asp