Le style de fichier css spécifique s'applique uniquement à div spécifique

Question

J'utilise plus de 2 fichiers CSS dans mon application asp.net MVC donc ces fichiers sont en conflit entre eux, y compris site.css donc je ne peux pas travailler correctement avec le style dans mon application. En fait, j'ai besoin d'utiliser un fichier css spécifique à la div spécifique dans cette application. Y at-il un moyen d'utiliser les styles de fichiers CSS doit s'appliquer à div spécifique.

Note: J'ai utilisé le code ci-dessous que j'ai reçu dans google.

<div id='container'> 
<style scoped> 
@@import url.content('~/testFolder/test.css'); 
</style> 
</div> 

Answer 1

CSS s'applique à des documents entiers.

Si vous souhaitez limiter la portée, vous devez utiliser un sélecteur descendant.

par exemple. #id_of_div .the .rest .of .the .selector {}

Vous devez appliquer cela à chaque sélecteur, et prendre en compte les groupes (il n'est donc pas aussi simple que de simplement préfixer la feuille de style entière et de suffixer chaque}

Vous trouverez également la feuille de style du document principal s'appliquant à votre aperçu.

Une trame serait probablement la meilleure approche pour résoudre ce problème.

Answer 2

Il y a conflit entre votre fichier CSS défini et bibliothèque cdn importés jquery css juste bibliothèque importée ne remplace pas votre fichier CSS défini séparer les deux css à l'aide id, sélecteur de niveau de classe

Answer 3

There is conflict between your defined css file and jquery imported cdn library css just imported library overriding your defined css file 
segregate both css using id,class level selector 
#site { 
    font-size: 14px; 
    //preferred way 
} 

#div #site { 
    font-size: 10px; 
// conflicting the font-size of div && overriding the size property 
}