24 lines
1.4 KiB
Plaintext
24 lines
1.4 KiB
Plaintext
Cibler l'élément suivant :
|
|
- <codescape class="css">element + autre_element.classe { ... }</codescape>
|
|
Cibler les éléments suivants (meme parent) :
|
|
- <codescape class="css">element ~ autres_elements.distants { ... }</codescape>
|
|
Cibler un élément à l'intérieur de :
|
|
- <codescape class="css">element > .enfant_direct { ... }</codescape>
|
|
|
|
<codescape class="css">:hover</codescape> permet de trigger quand la souris passe sur un élément
|
|
<codescape class="css">:active, :focus, :checked, :has, :is, :not</codescape>
|
|
( ... il y a d'autres pseudo-classes... question suivante )
|
|
|
|
On peut cumuler...
|
|
- <codescape class="css">element:hover + autre_element { ... }</codescape>
|
|
( va cibler <em>autre_element</em> si souris :hover <em>element</em> )
|
|
|
|
TODO:
|
|
- Actuellement <codescape class="css">#trigger_oublie</codescape> s'affiche par defaut (au chargement)
|
|
: modifier pour qu'il aparaisse au survol de <codescape class="css">.go_button</codescape>
|
|
+ changer le <codescape class="css">z-index pour</codescape> que <em>cibler_adjascent_avance_last_oublie.jpg</em> passe au dessus ( z-index )
|
|
- simplifier le code ( <codescape class="css">/* remplacer */ el... + el... + el... /* par */ el... ~ el... </codescape> )
|
|
|
|
HELP, selectionner un élement et garder son état en mod "survol" (:hover)...
|
|
( il resetera dans l'état :hover, comme si votre souris était en train de le survoler )
|
|
<img src="/img/CSShover_devtool_state.png" /> |