# css 檔案無法覆蓋(eMYOG4)

## 檔案

css 檔案位置 Import & Export -> Library - kiehls-tw-ng -> event-o2o-page/202208_Retinol-AA/test-css/

請查看 [Content ID: 202208_Retinol-AA_0825](https://staging-cn-loreal.demandware.net/on/demandware.store/Sites-Site/default/ViewLibraryContent_52-Dispatch?csrf_token=HuTU5cSdIxN5IZXKX40oqPiv3yBxEQZD1wMHyef9OCYWTyBxmmAStbK7IT-AYJuYuTZNzn0cmuUfwYXh5aGVkY1KjZvE4sMKdMFwy_blqwyp4677hAJQDw3HXkbqyvAVGu0B3SPyBppswgAoZFk406PyDkdPLx-hEh7X7fOJFI7qZOmOwSo=)


`test-1.css`: 初始為隱藏產品，與 `test-2.css` 作用相同，覆蓋後應該要與 `test-3.css` 相同
`test-2`: 隱藏產品圖片
`test-3`: 顯示產品圖片

<span style="color: red;">測試前請將前後的 <!\-\- 及 \-\-> 刪除，不測試的檔案請在前後加上相同符號 </span>

例如：

<!-- <link rel="stylesheet" href="/event-o2o-page/202208_Retinol-AA/test-css/test-2.css?$staticlink$"> -->

改為

<link rel="stylesheet" href="/event-o2o-page/202208_Retinol-AA/test-css/test-2.css?$staticlink$">

## 目的
創建一個 `test-1.css`，會隱藏品牌區塊。

#loreal-compaign {
  display: none;
}

### <span id="no-css">無 css</span>

### 有 css

將 `test-1.css` 修改後覆蓋(覆蓋檔案如附件)，預期恢復為<a href="#no-css"> 無 css </a>的狀態。

#loreal-compaign {
  display: block;
}

## 確認檔案是否改變
可從 dev-tool(F12) -> source -> open file (準備要找檔案時請使用清快取的方式重新整理頁面 Shift + Cmd + R 或者按住 Ctrl 鍵並按 F5 鍵)

找到 `test-1.css`

發現是未覆蓋之前的檔案

正確應該為

#loreal-compaign {
  display: block;
}