Styles CSS - comment fonctionne l'arrière-plan principal?

Question

Il y a une pile de questions avec des titres sonores associés, mais je n'ai pas vu ma réponse à cette question au cas où quelqu'un vérifie (n'hésitez pas à laisser une référence cependant!).

Ceci est plus de manque d'expérience que tout ... mais si j'ai une feuille de style global qui définit les propriétés CSS d'une classe div.rowpic, puis-je faire ceci:

<div class="rowpic" style="background-image: url('whatever.jpg');"> ... </div> 

Puis-je attendre de manière fiable les navigateurs utiliser la spécification CSS complète de div.rowpic mais remplacer son image de fond par le style que j'ai explicitement indiqué dans cette balise div?

Answer 1

Oui, c'est ce qui devrait arriver. Le style de l'élément remplace la définition du style dans le (s) CSS déclaré (s). Chaque propriété du style est appliquée indépendamment des autres, donc même si vous importez un autre CSS après celui qui a la même classe mais redéfinit seulement certains des sélecteurs, vous obtenez toujours les autres appliqués depuis le premier CSS .

Answer 2

Bien sûr. Dans ce cas, l'image d'arrière-plan sera remplacée car la règle de style en ligne est plus importante des règles de style CSS.

S'il vous plaît lire cet article sur la spécificité CSS: http://css-tricks.com/855-specifics-on-css-specificity/