SEND all files + questionnaires + json + data_tests
This commit is contained in:
24
public/codes/all/cibler_adjascent_avance.txt
Normal file
24
public/codes/all/cibler_adjascent_avance.txt
Normal file
@@ -0,0 +1,24 @@
|
||||
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" />
|
||||
Reference in New Issue
Block a user