0

たとえば、これに違いはありますか:

element{  
 property1: val1;  
 property2: val2;  
}

この： 

element{  
 property2: val2;  
 property1: val1;  
}

?

更新width例との異なるプロパティを意味しpaddingます。

4

4 に答える 4

1

property1とが同じプロパティに影響を与える場合property2、後者は前者を上書きします。例えば：

div {
    background-image: url(images/test.png);
    background: transparent url(images/test2.png) no-repeat left top;
}

最初の宣言からではなく、後者のbackground短縮イメージtest2.pngが使用されます。test.pngこれは、2 つの CSS セレクターが、セレクターの特異性が等しい同じ要素の同じプロパティを対象とする場合、最後の CSS セレクターが以前の宣言を上書きするためです。

ただし、2 つの宣言が同じプロパティに対するものでない場合、順序は関係ありません。

詳細については、 CSS 固有性ルールを分析するこの素晴らしい記事を参照してください。カスケードがどのように機能するかをよりよく理解する必要があるようです。

于 2013-10-03T19:01:53.940 に答える