Ah, tu veux appliquer un style à un des divs ascendants ?

humm... Je vaiq y réfléchir

ShadowwF Voir le profil de ShadowwF
Posté le 28 octobre 2013 à 11:43:09 Avertir un administrateur
Sélectionner ? Euh, avec la souris ?

Non, dans le CSS
Pour faire simple, j'ai 4 blocs, chacun pour un article. Ces 4 blocs sont des divs, eux-même à l'intérieur d'un div #contenu (mais ce #contenu ne contient pas qu'eux, il contient aussi le #footer (c'est vraiment codé crado)). Pour aller plus loin que ce qui est demandé, j'ai fait en sorte que mes blocs d'articles soient interactifs entre eux; simplement, vu que les sélecteurs de frères sont descendants, ça pose problème puisque si le premier bloc peut contrôler les 3 suivants, le dernier bloc ne peut se contrôler que lui-même puisqu'il n'y a rien après lui et que les sélecteurs ne sont pas ascendants.

Bref, il me faudrait un sélecteur CSS qui, depuis le dernier bloc, me permet de remonter aux blocs précédents
En gros, je faisais par exemple:

1. bloc1:hover ~ #bloc2:not(:hover) {

background: red;
}
(dummy example, je fais pas ça hein ) ce qui me permettait, au survol du premier bloc, d'agir sur le second.
Sauf que si je suis sur le bloc4, je peux pas utiliser ~, car c'est un sélecteur de frères directs descendants. Donc il me faudrait trouver [X] tel qu'il me permette de faire:

1. bloc4:hover [X] #bloc3:not(:hover) {

blablabla;
}
et ainsi me permette d'agir sur les blocs précédents (ici, le 3eme) lorsque je suis sur le dernier bloc.

C'est possible?

http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector

tiens ça devrait t'aider non ?

J'ai tout compris

ShadowwF > en fait non c'est pas ça, eux ils parlent de parent; or, mes divs 1 à 3 ne sont pas des parents du div 4, ce sont ses frères. Le sélecteur frère par excellence, c'est "~", c'est juste qu'il ne fonctionne pas par ascendance. En fait, y'a pas d'idée de parents/enfants là-dedans: tous mes divs sont au même niveau hiérarchique, mais situés sur des niveaux d'appel différents.
Mais merci de ton aide

OMG, mais c'est quoi ton TP ?

Ah et, btw, je sens que c'est tout bête, mais j'ai 3 types de transitions basiques: width, height et background-color. Elles s'exécutent sans problème, toutes en même temps. Sauf que si je rajoute le type "color" et que mes couleurs de texte changent, c'est la seule transition qui est effectuée APRÈS que les 3 autres aient été effectuées! Alors que je voudrais qu'elle se fasse en même temps... Une idée?
Promis, là c'est la dernière, après ça j'ai tout bouclé

Les éléments s'affichent en fonction de l'ordre d'arrivée, comme "cascading style sheet" l'indique

Shadowwf > mais c'est tout basique mon TP, je suis qu'en MMI1 C'est juste que ça me gave de faire des trucs tout basiques en CSS avec 3 blocs et un contour comme 95% de la promo, donc j'essaye de me démarquer un peu avec de l'interactivité. Sauf qu'on a pas encore vu le javascript théoriquement, donc je fais tout en CSS.

Pour le TP l'énoncé est simple mais chiant: on a une page HTML, il faut qu'on en fasse une maquette ergonomique uniquement avec du CSS, aux couleurs et styles de notre identité graphique (logo + charte) réalisée en Design Graphique.

Ah, tu veux dire ordre d'arrivée des éléments sur la page? Donc vu que mon texte se charge à l'intérieur du bloc après que le bloc se soit chargé, c'est normal que sa transition se charge après la transition des blocs parents... hum, logique. Mais c'est très contraignant du coup, faudrait que je trouve un truc.
Merci

Ah, ça me rappelle pourquoi le webdev m'insupporte

liquidus > non mais les descripteurs sont des plaies, vraiment. Aucune rigueur, des standards éparpillés, une interprétation hasardeuse, une auto-correction des fautes... c'est horrible Là j'ai deux rendus différents entre deux chrome et FF, pourtant j'ai pris soin de réinitialiser toutes les valeurs par défaut, mais non, y'a encore une interprétation différente
Alors c'est bien marrant de styliser des pages mais ce manque de rigueur me sort par tous les trois au moins 3 fois par jour.

@ Caletlog Ahah, et Opera qui a un rendu constant sur toutes les installations

C'est pas Opera qui fait un rendu différent des autres, c'est les autres qui font un rendu différent de Opera

" donc j'essaye de me démarquer un peu avec de l'interactivité. Sauf qu'on a pas encore vu le javascript théoriquement, donc je fais tout en CSS. "

Mais t'es malade ? Le css n'est pas fait pour

"on a pas encore vu le javascript théoriquement" T'inquiètes pas va, profite de ton âme tant que tu la possède encore...

Ouais putain, ECMAscript est tellement mal foutu

Bonne chance

Non mais je connais déjà le javascript, ça me pose pas plus de problèmes que ça. C'est juste que le prof veut pas qu'on s'en serve.

ShadowwF > CSS3 et ses transitions permet de donner une interactivité très sympathique, dans une certaine mesure (ça veut tout dire ). Et un site qui fonctionne le plus possible sans javascript, c'est toujours un plus.

Non, je crois qu'on s'est mal compris, le JS, c'est de la merde, c'est tout

Html5 et le css3 sont la révolution