Arrêter de styles CSS à appliquer en particulier dans les sections du code
Cette question peut sembler un peu bizarre/novice/stupide. S'il vous plaît garder avec moi.
Le code ci-dessous est une petite partie d'une page web que j'ai créé à l'aide de CSS,
HTML et coldfusion.
<head>
---------------------Part 1--------------------------------------
<CFIF CompareNoCase('#aid#', 0)>
<cfinclude template="show.cfm">
<cfabort>
</CFIF>
-----------------------------------------------------------------
<link rel="stylesheet" href="styles/style.css?1322665623">
</head>
---------------------------PART 2------------------------------------
<body id="wp-home">
<div id="wrapper">
<div class="header left">
<h1><a href="index.cfm" class="right logo">Name Of Client</a></h1>
<div class="tagline">
<span class="left blair"><a href="index.cfm" class="homelink">home</a></span>
<span class="headerline"></span>
<span class="right blair"><a href="index.cfm" class="homelink">antiques</a></span>
</div>
</div>
--------------------------------------------------------------------
Comme vous le voyez, j'ai inclus un fichier css, le style.css qui contient toutes les classes de style requis pour l'affichage de la PARTIE 2 correctement.
Problème est, à chaque fois que la partie 1 est active ( c'est vrai), le même
css est appliqué à des éléments dans le fichier SHOW.CFM aussi. Ce totalement bousille la page d'affichage d'origine.
Pour le moment j'ai mis une balise ci-dessous le lien pour arrêter la page de la transformation et de la css fichier en cours de chargement.
J'ai coché.css plusieurs fois et je peux confirmer qu'aucune catégorie de styles.css est utilisé.
Donc, ma question est si je peux arrêter les styles de style.css pour être appliquée sur les éléments chargés de SPECTACLE.CFM
Pardonnez-moi si la question est incroyablement stupide 😉
OriginalL'auteur aman.kejriwal | 2012-04-13
Vous devez vous connecter pour publier un commentaire.
Si un sélecteur correspond alors à une règle sera appliquer jusqu'remplacée par une règle (ce qui définit la même propriété) plus en aval de la cascade.
Vous pouvez changer vos sélecteurs pour les arrêter correspondance les éléments que vous ne voulez pas les match, ou vous pouvez remplacer toutes vos règles dans cette section.
Changement
div
à#somePartOfThePage div
(par exemple).Vous pouvez aussi faire ce que j'ai proposé et il suffit d'inclure le fichier css pour la partie 2 après que le fichier utilisé pour la partie 1. C'est la même chose que ce que Quentin propose puisque vous semblez avoir la même sélecteurs dans les deux fichiers. Celui qui vient plus tard écrasera la précédente.
OriginalL'auteur Quentin
HTML5 permet l'étendue des feuilles de style, mais seulement Firefox prend en charge jusqu'à présent. Il y a aussi un polyfill JavaScript.
Par conséquent, vous devrez vous adapter votre balisage et de styles de sorte qu'il ne correspond part2, et pas part1. Dans un pincement, vous pouvez faire précéder chaque sélecteur
#wrapper
. Par exemple, si une règle dita{color:red}
, remplacez-le avec#wrapper a {color:red;}
.Par la voie, part1 devrait probablement être un enfant de
<body>
au lieu de<head>
.Merci, a ajouté que pour la réponse.
OriginalL'auteur phihag
Utiliser la pseudo-classe
:non()
:OriginalL'auteur AxeEffect
Qu'en utilisant si bien, au lieu de seulement si pour déterminer quel fichier css que vous devriez inclure? En d'autres termes, inclure des styles.css uniquement lorsque la partie 2 s'affiche. De cette façon, vous évitez d'héritage et de délimitation de l'étendue des problèmes tout à fait.
Puis la liste de style.css avant le code qui est ajouté lors de l'instruction if est vrai, et d'inclure l'autre fichier css dans le code qui montre à ce moment.
OriginalL'auteur Alex Morales