Page de garde > La programmation > Pourquoi « p.visible:last-of-type » ne cible-t-il pas le dernier élément de paragraphe visible ?
Pourquoi « p.visible:last-of-type » ne cible-t-il pas le dernier élément de paragraphe visible ?
Publié le 2024-11-16
Parcourir:771
:comportement du sélecteur last-of-type
La pseudo-classe :last-of-type cible le dernier élément d'un type spécifié dans un conteneur parent. Cependant, dans le contexte de votre sélecteur CSS (p.visible:last-of-type), il est important de noter que :last-of-type s'applique uniquement aux types d'éléments et non aux instances de classe.
Dans votre Balisage HTML :
This should be hidden
This should be displayed
This should be hidden
Le problème se pose car :last-of-type cible le dernier élément
, qui dans ce cas n'a pas la classe .visible. Par conséquent, aucun de vos éléments
n'est visible.
Solution
Pour cibler le dernier élément
avec la classe .visible, vous devez utiliser JavaScript, car il n'y a pas de sélecteur CSS intégré à cet effet spécifique.
Dernier tutoriel
Plus>
-
Comment puis-je trouver des utilisateurs dont les anniversaires sont aujourd'hui à l'aide de MySQL ?Comment identifier les utilisateurs dont l'anniversaire est le jour à l'aide de MySQLDéterminer si aujourd'hui est l'anniversaire d...La programmation Publié le 2024-11-16 -
Qu'est-il arrivé à la compensation des colonnes dans Bootstrap 4 Beta ?Bootstrap 4 Beta : suppression et restauration de la compensation de colonneBootstrap 4, dans sa version bêta 1, a introduit des changements important...La programmation Publié le 2024-11-16
-
Comment rechercher de manière récursive des sous-dossiers et récupérer des fichiers en Python ?Recherche récursive de sous-dossiers et récupération de fichiersDans le domaine de la programmation, parcourir des répertoires et récupérer des fichie...La programmation Publié le 2024-11-16
-
Comment créer un compte à rebours en utilisant CSSWritten by Carlos Mucuho✏️ Countdown timers are a popular feature on many websites, enhancing functionality for events, sales, and user engagement. Wh...La programmation Publié le 2024-11-16
-
## La réduction d'échelle parfaite au pixel près peut-elle économiser la qualité de l'image lors du redimensionnement du navigateur ?Le rééchantillonnage par réduction d'échelle réduit la qualité de l'image ?L'objectif ici est de réduire la taille d'une image tout en...La programmation Publié le 2024-11-16
-
Comment la fonction `super()` de Python 3.x fonctionne-t-elle sans arguments, et quels sont les pièges potentiels et comment les éviter ?Dévoilement des secrets de Magical Super() de Python 3.xPython 3.x introduit un aspect particulier de la fonction super() : il peut être invoqué sans ...La programmation Publié le 2024-11-16
-
Comment PHP convertit-il les variables en chaînes ?Conversion de chaînes en PHPLes programmeurs Java et .NET peuvent être habitués à la méthode toString(), qui fournit un moyen pratique de convertir n’...La programmation Publié le 2024-11-16
-
Comment corriger l'erreur « Impossible de convertir la valeur de date/heure MySQL en System.DateTime » ?Comprendre l'erreur « Impossible de convertir la valeur de date/heure MySQL en System.DateTime »La récupération de données à partir de bases de do...La programmation Publié le 2024-11-16
-
Comment insérer plusieurs lignes dans une base de données avec des instructions préparées PDO ?Insertion de plusieurs lignes avec des instructions préparées PDOL'insertion de plusieurs lignes dans une base de données à l'aide d'une s...La programmation Publié le 2024-11-16
-
Comment calculer le nombre de jours entre deux dates en Java ?Calculer les jours entre deux dates en JavaDans le langage de programmation Java, calculer le nombre de jours entre deux dates peut être simple tâche....La programmation Publié le 2024-11-16
-
Comment utilisez-vous le jeton \"...\" pour regrouper et décompresser des arguments dans des modèles variadiques C++ ?Règles de syntaxe pour le jeton "..." dans les modèles variadiquesEn C , les modèles variadiques permettent la construction de modèles qui a...La programmation Publié le 2024-11-16
-
Comment puis-je supprimer efficacement des éléments d'un tableau qui existent dans un autre tableau en JavaScript ?Supprimer efficacement les éléments d'un tableau correspondant à un autre tableauEn JavaScript, il peut être nécessaire d'éliminer des élément...La programmation Publié le 2024-11-16
-
Superbes modèles de page de destination Tailwind gratuitsIl y a quelques mois, j'ai publié en open source une liste de modèles de pages de destination de vent arrière, depuis lors, il est devenu de plus ...La programmation Publié le 2024-11-16
-
Comment réparer les erreurs « Délai d'attente de verrouillage dépassé » dans MySQL : débloquer une table bloquéeDéverrouillage d'une table MySQL « bloquée » : dépannage du « délai d'attente de verrouillage dépassé »Lorsque vous rencontrez le « délai d...La programmation Publié le 2024-11-16
-
Comment résoudre les problèmes de compatibilité OpenSSL avec Python 2.7 sur Mac OS X ?Dépannage de la compatibilité OpenSSL dans Python 2.7 sur Mac OS XPython utilise OpenSSL pour une communication sécurisée. La version d'OpenSSL ut...La programmation Publié le 2024-11-16
Étudier le chinois
- 1 Comment dit-on « marcher » en chinois ? 走路 Prononciation chinoise, 走路 Apprentissage du chinois
- 2 Comment dit-on « prendre l’avion » en chinois ? 坐飞机 Prononciation chinoise, 坐飞机 Apprentissage du chinois
- 3 Comment dit-on « prendre un train » en chinois ? 坐火车 Prononciation chinoise, 坐火车 Apprentissage du chinois
- 4 Comment dit-on « prendre un bus » en chinois ? 坐车 Prononciation chinoise, 坐车 Apprentissage du chinois
- 5 Comment dire conduire en chinois? 开车 Prononciation chinoise, 开车 Apprentissage du chinois
- 6 Comment dit-on nager en chinois ? 游泳 Prononciation chinoise, 游泳 Apprentissage du chinois
- 7 Comment dit-on faire du vélo en chinois ? 骑自行车 Prononciation chinoise, 骑自行车 Apprentissage du chinois
- 8 Comment dit-on bonjour en chinois ? 你好Prononciation chinoise, 你好Apprentissage du chinois
- 9 Comment dit-on merci en chinois ? 谢谢Prononciation chinoise, 谢谢Apprentissage du chinois
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Décodage d'images en base64
Pinyin chinois
Encodage Unicode
Compression de chiffrement d'obscurcissement JS
Outil de chiffrement hexadécimal d'URL
Outil de conversion d'encodage UTF-8
Outils d'encodage et de décodage Ascii en ligne
Outil de cryptage MD5
Outil de cryptage et de décryptage en ligne de texte de hachage/hachage
Cryptage SHA en ligne