Comment utiliser le sélecteur: pas () dans CSS3
Dans certains cas, il est plus facile de sélectionner des objets dans CSS3 selon les caractéristiques qu'ils ne pas avez - pour ce faire, vous pouvez utiliser un: non (sélecteur). Par exemple, vous voudrez peut-être changer la mise en forme de tous les objets qui ne sont pas dans un
tag.
Dans ce cas, vous pouvez créer une liste des balises à l'aide du sélecteur de virgule et espérer que votre liste est complète, ou vous pouvez simplement utiliser le sélecteur: pas (). Par exemple,: pas (p) sélectionne chaque objet qui est pas un
tag. Vous pouvez également créer des sélections complexes en utilisant l': non () sélecteur: Un sélecteur de: non (div> p), par exemple, sélectionne chaque
balise qui ne possède pas un
Même avec cette courte liste de tag sélecteurs, vous pouvez voir que le CSS est assez souple lorsque l'on travaille avec des étiquettes. Voyant les sélecteurs en action vous aidera à les comprendre un peu mieux. La procédure suivante montre comment utiliser les différents tags:
Créez le ExternalCSS.HTML fichiers et ExternalCSS.CSS et les copier dans un nouveau dossier.
Ouvrir ExternalCSS.HTML.
Tapez le code suivant après l'existant
tag dans le fichier et enregistrer les modifications sur le disque.
Texte dans un DIV.
Texte avec un parent DIV.
Texte après une DIV.
Plus texte après un DIV.
Ce code ajoute simplement des tags dans des accords spécifiques de sorte que vous pouvez tester les différents sélecteurs. Si vous ouvrez le fichier résultant maintenant, vous voyez que chacun des
balises a été automatiquement formatée comme l'original
tag.
Ouvrir ExternalCSS.CSS.
Tapez le code suivant après les styles existants et enregistrer les modifications sur le disque.
div> p {text-align: right;} insérer l'image pour 2,2 ICIRecharger la page de test.
Notez que la seule
tag qui a été touché est celui qui a le
tag comme un parent direct. En outre, notez que les cascades de formatage précédents dans la mise en forme actuelle. Vous avez pas de substitution de toute la mise en forme existante, afin que le texte apparaît comme avant - il utilise tout simplement le droit, et une justification au lieu de la gauche par défaut; justification.
Tapez le code suivant après les styles existants et enregistrer les modifications sur le disque.
div p {text-decoration: line-through-background-color: # ff7f7f-}Recharger la page de test.
Notez que deux lignes sont affectés cette fois. En outre, le style background-color a été modifié, de sorte que ces deux lignes utiliser la nouvelle couleur - il est prioritaire sur la couleur d'origine. Quand vous pensez à la partie cascade de CSS, pensez à un flux où les changements en aval ont la priorité sur l'état d'origine de l'eau.
Tapez le code suivant après les styles existants et enregistrer les modifications sur le disque.
div + p {font-family: monospace-font-style: italic-}Recharger la page de test.
Seule la ligne qui apparaît directement après le
est affectée: La police a changé pour une police monospace (normalement réservé pour le code) et est en italique.
Tapez le code suivant après les styles existants et enregistrer les modifications sur le disque.
div ~ p {font-weight: audacieux-font-size: 30px; margin: 0px; color: # 7f007f-}Recharger la page de test.
Notez que les deux
tags qui apparaissent après la
-
Création de nouveaux styles de balises dans Adobe CS5 Dreamweaver -
Comment faire pour créer un nouveau style de balise dans Adobe Dreamweaver CS6 -
Comment définir des styles avec le sélecteur de balises dans Dreamweaver -
Comment modifier les styles dans une mise en page CSS dans Dreamweaver -
Conversion des noms de propriété CSS à javascript -
Bases de styles CSS3
Quatre types de feuilles de style en cascade dans la conception web Cascading Style Sheets (CSS) se répartissent en quatre types différents (ou styles). Lorsque vous comprenez comment ces quatre types différents de travailler, vous serez coiffer vos pages Web plus efficacement.Pour garder votre CSS organisée,…
Comment faire pour créer une seule image CSS3 fond La façon la plus simple, la plus compatible pour créer un fond de CSS3 qui a au moins un peu de piquant est d'utiliser une seule image. L'image de droite en dit beaucoup sur votre site et assure la continuité entre les pages. Parce que cette…
Comment créer des styles externes en CSS3 La plupart des développeurs utilisent styles externes dans CSS3 pour réduire la quantité de travail nécessaire pour maintenir un site. Un fichier .CSS unique contient tous les styles pour le site, ce qui signifie que le changement de style…
Comment concevoir une formation en CSS3 La plupart des pages que vous regardez ont une sorte de fond. La procédure suivante montre comment ajouter un fond en utilisant CSS3, que vous pouvez utiliser pour rendre votre page web plus attractive à un visiteur.Créez le ExternalCSS.HTML…
Comment sélectionner des éléments avec jQuery en CSS3 Vous pouvez utiliser jQuery pour effectuer une vaste gamme de sélections d'objets dans votre application de CSS3, mais pour la plupart, vous utiliser les sélecteurs de base. Vous pouvez en savoir plus sur eux à jQuery. Voici une liste des…
Comment faire pour coiffer les paragraphes, les titres, et les pieds avec CSS3 Lorsque vous êtes style paragraphes, titres, et pieds de page, la plupart des travaux peuvent être automatiquement accompli par la création de styles tag Redéfinir pour le tag et cependant de nombreuses balises de titre que vous souhaitez…
Comment faire pour coiffer listes et des tableaux avec CSS3 Listes de style et tables est un peu différent de coiffage contenu dans le corps de la page, parce que les deux listes et des tableaux ont des étiquettes spécifiques qui peuvent être redéfinis pour contrôler la façon dont le contenu se trouve…
Comment utiliser plusieurs styles avec CSS3 Comprendre les règles d'héritage dans CSS3 vous permet de créer des sites intéressants qui nécessitent un minimum d'entretien. En suivant ces règles, lorsque la maintenance est nécessaire, vous devez normalement faire un seul changement,…
Comment travailler avec les sélecteurs d'événements CSS3 La plupart des changements CSS3 sont statiques - vous demandez au navigateur de rechercher des balises spécifiques, des attributs, ou des motifs. Cependant, sélecteurs d'événements choisissent les objets basés sur un événement particulier,…
Comment travailler avec les sélecteurs de motif de CSS3 Dans certains cas, une sélection que vous devez faire dans CSS3 n'a rien à voir avec les balises ou des attributs, mais le modèle dans lequel les objets apparaissent sur la page. Par exemple, vous voudrez peut-être vous suffit de sélectionner…
Comment travailler avec les sélecteurs d'attributs de CSS3 Dans de nombreux tags sont des attributs qui décrivent les propriétés des variables. Deux attributs communs sont l'identifiant de tag (id) et la classification des CSS (de classe). Cependant, CSS 3 permet de sélectionner des objets par tout…
Comment travailler avec les sélectionneurs de l'Etat dans CSS3 Il ya des situations dans lesquelles l'état dynamique d'un objet est important dans la mise en forme dans CSS3. En utilisant les sélecteurs de l'Etat peut aider un utilisateur à déterminer si les objectifs ont été atteints ou une…
Mise en place en html css CSS est un langage de feuille de style utilisée pour définir l'apparence et le formatage d'un document écrit dans un langage de balisage - souvent HTML. UN style en ce sens, est un ensemble de formatage de texte des instructions, telles que la…
Modification des polices sur votre site Drupal La style.css fichier contient les règles pour la couleur, le style et la taille des polices pour votre thème Drupal. Voici un aperçu de certains de le codage utilisé pour contrôler l'apparence des polices que vous voyez dans style.css:police:…