テーブルにCSSをロードしていないときにリフレッシュするまで

Question

thとtdには、埋め込みのあるテーブルが25%です。
ただし、 CTRL + SHIFT + Rでページを更新しない限り、埋め込みは適用されません。どうして？

例CSS：

table.foo { 
    border: 0; 
    margin: auto; 
    color: #545454; 
    margin-top: 30px; 
} 
th, td { 
    text-align: left; 
    padding-right: 25%; 
} 
th:last-of-type, td:last-of-type { 
    padding-right: 0; 
} 

それは私がセルの間にいくつかの水平方向のスペースを取得するために使用padding-right: 25%です。

どうしてですか？パディングはこれを行う正しい方法ではありませんか？

更新：ページを更新するためにテストした後、私は間隔が毎回変わることに気付きました。 0〜25％の間隔で自分自身を設定しているように

Answer 1

パディングパーセンテージ "refer to the width of the containing block"。 trの幅を設定できないので、動作しません。それが動作するように見えても、クロスブラウザソリューションではありません。私は、pxでセルのパディングを設定するか、セル内でdivを使用してパディングをパーセントで設定することをお勧めします。

Answer 2

CTRL + SHIFT + Rに基づいて疑問があるだけであるか、単にリフレッシュしていますか？

私は自分の知る限り、CSSはその変更を動的に生成しません。つまり、あなたの問題で述べたように、CSSコーディングを変更するたびにページを更新する必要があります。

これはあなたが探している回答です。