AWSで作成したCSSの一部がロリポップでは反映できない

AWSで作成したコードをロリポップにアップロードしているのですが、AWSでは反映されたul{padding0}が反映されずにpadding-inline-start 40pxがロリポップでは出てきてしまいます。
互換性の問題かコードの問題かわからずに困っています。
よろしければご教示いただけるととても助かります。
各画像サイズはworks-01:279 × 95px、works-02:568 × 95px、works-03:389 × 95px、works-space&works-line:21 × 95pxです。

html
1   <header>
2        <ul>
3            <li class="menu"><img src="images/top/works-01.png" alt="menu"></li>
4            <li class="menu"><img src="images/top/works-space.png" alt="menu"></li>
5            <li class="menu"><a href="#"><img src="images/top/works-02.png" alt="menu"></a></li>
6            <li class="menu"><img src="images/top/works-line.png" alt="menu"></li>
7            <li class="menu"><a href="#"><img src="images/top/works-03.png" alt="menu"></a>
8        </ul>
9    </header>```
10
11```css
12header {
13    max-width: 100%;
14    margin: 0;
15    padding: 2.5% 5% 5% 5%;
16}
17
18ul{
19    max-width: 100%;
20    margin: 0;
21    padding:0;
22    display: flex;
23    flex-flow: row nowrap;
24    justify-content: space-around;
25    list-style: none;
26}
27
28li{
29    margin:0;
30    padding:0;
31    display:block
32}```

行動規範の内容に同意します

回答1件

ベストアンサー

HTMLもCSSもブラウザが解釈した結果を表示したものですから、ブラウザ間での互換性の問題はあれどサーバは関係ありません。
ほぼ間違いなくコードが悪いと思います。

AWSで作成したコードをロリポップにアップロードしている

アップロードの際にどれかCSSファイルをアップロードし忘れたとかは無いですか？

それも無ければ、どのセレクタよりも先に

css
1 * {
2  margin: 0;
3  padding: 0;
4 }

で治りそうな気がしますね。

それかulに

css
1padding-inline-start: unset;

でもいいかもしれませんが、通常padding-inline-startプロパティは使用しません。

投稿2021/05/27 07:51

編集2021/05/27 07:54

tmsw

総合スコア97

isiash1119

2021/05/27 08:15 編集

ご回答ありがとうございます。上記の方法どちらも試したのですがulにつくpadding-inline-start 40pxがどうしても取れないです下記のように記述はしているのですが ul{ max-width: 100%; margin: 0; padding:0; padding-inline-start: unset; display: flex; flex-flow: row nowrap; justify-content: space-around; list-style: none; } li{ max-width: 100%; margin:0; padding:0; } デベロッパーツール上ではこのようになっています justify-content space-around list-style-image none list-style-position outside list-style-type none margin-block-end 0px margin-block-start 0px margin-bottom 0px margin-inline-end 0px margin-inline-start 0px margin-left 0px margin-right 0px margin-top 0px padding-inline-start 40px