CSS的優先順位

當我們擁有衝突的css樣式時, 該如何影響它的優先順位呢?

img[src] {

  width: 100%;

  max-width: fit-content;

}

.cover-img {

  max-width: unset;

  max-height: 150px;

  object-fit: cover;

}

 由此可見,  的 max-width 將有所衝突, 

那麼我們該如何使 max-width 保持 unset 狀態呢?

CSS Important

css 中可以使用 !important 指定優先級

.cover-img {

  max-width: unset !important;

  max-height: 150px;

  object-fit: cover;

}

 如此一來,  的 max-width 將會是 unset 狀態!