html - 外部スタイルシートを使用している場合、タグ ID 属性を変更する必要がありますか?

Answer 1

あなたの問題はあなたの定義にあります。HTMLでIDを使用しています#KitchenOverlay

CSS は.KitchenOverlay、クラスをターゲットにするものを使用しています。

次の 2 つのオプションがあります。

CSS で に変更.KitchenOverlayします。#KitchenOverlay

また

変化する...

<div id="KitchenOverlay" style="height: 310px; width: 267px;">

に...

<div class="KitchenOverlay" style="height: 310px; width: 267px;">

返信用に編集:

#closePopup をクラスに変更してみてください。だからHTMLclass="closePopup"で

次に、 CSSでこのようにタグをターゲットにします...

#KitchenOverlay .closePopup {
***STYLES***
}

編集：

#closePopup 
{
position: absolute !important; 
top: 40px !important; 
left: 20px !important; 
width: 83px !important; 
height: 83px !important; 
background-color: transparent !important; 
border: 1px solid yellow !important; 
}