Вам необходимо знать с пониманием к загрузке css background images

Question

I хочу знать, в каких случаях из следующих фоновых изображений css загружается и не будет загружаться. Если вы также можете объяснить «почему» в кратком ответе, было бы очень полезно.

A lso, если вы знаете о некоторых различиях между браузерами при загрузке изображений css в следующих ситуациях, пожалуйста, сообщите.

Положение 01

div { height: 300px; } 
.classone { 
    background-image: url("imageone.jpg"); 
} 
.classtwo { 
    background-image: url("imagetwo.jpg"); 
} 

<div class="classone"></div> 

Вт УЛЬД в imagetwo.jpg быть загружен в этом случае?

Положение 02

div { height: 300px; } 
.classone { 
    background-image: url("imageone.jpg"); 
} 
.classone { 
    background-image: none; 
} 

<div class="classone"></div> 

Вт УЛЬД в imageone.jpg быть загружен в этом случае?

N ОТ: background-image: none пришел после background-image: url("")

Answer 1

Вообще в CSS, Что приходит последним, имеет место. Поэтому в решении 02 второе определение «classone» заменит первое.

Редактировать

браузер загружает весь ваш CSS первый, затем загружает необходимые изображения при выполнении его. Когда ваш браузер узнает, что вы заменили фоновое изображение, он не отключает его.