html - Problèmes avec la priorité des éléments CSS.

Question

{Code...} Mon .Line et .Float-R sont des styles courants. Le li global est aligné à gauche. Je veux que le li spécifié soit à droite. Comment puis-je y parvenir sans ajouter !important et utiliser #id. ? Voulez-vous le résultat ? Ou n'y a-t-il pas de solution ?

習慣沉默 · Answer

Pseudo-classe CSS3

仅有的幸福 · Answer

sélecteur nth-child()

滿天的星座 · Answer

Dans un style, les derniers écraseront les précédents. Vous pouvez ajouter ce dont vous avez besoin à l'arrière. Si vous spécifiez li, vous pouvez le sélectionner via nth-child, ou vous pouvez obtenir le nœud dom via js et définir le. style style

过去多啦不再A梦 · Answer

Changez la deuxième phrase par ceci
.Line li.Float-R{float:right}

phpcn_u1582 · Answer

Quant à la question de l'affiche originale, remplacez simplement la deuxième phrase par li.Float-R{float:right} et essayez de suivre les règles de priorité.

巴扎黑 · Answer

la priorité CSS est basée sur la précision du positionnement
c'est-à-dire

.Line ul li.Float-R{
float:left;
}
p.Line ul li.Float-R{
float:right;//这里会覆盖上面的样式
}

某草草 · Answer

Ajoutez plus de classes pour augmenter la priorité

曾经蜡笔没有小新 · Answer

.Float-R remplacé par .Line li.Float-R