Je comprend que se soit difficile de décrire ce qu'on veut demander quand on connait pas trop le sujet, mais si tu étais plus précis dans tes questions on pourrait répondre aussi plus précisément et ça t'éviterais de redire les choses.
Par exemple, tu aurais pu dire tout de suite que tu n'as pas l'option "Sélectionner pour la copie".
C'est bizarre pcq je ne l'ai pas non plus pour FF4, mais pour FF3.6 c'est bon
C'est vrai que c'est bien pratique mais y a moyen de faire sans.
Tu dis que ça t'intéresse pas de prendre un cour, mais tu demandes comment on structure un code css, ça doit pas être loin de revenir au même...
N'empêche que dans ce cas, moi je redis qu'en consultant les docs tu auras les réponses que tu cherches, je vois pas trop ce que je pourrais expliquer de mieux que ce qu'on y trouve.
Ottomar en parle dans le lien que j'ai mis pour "DOM inspector", et dans les autres docs aussi:
La syntaxe du CSS est très simple : sélecteur { propriété : valeur }
Exemple : body { background: #eeeeee; }
(voir ici:
http://www.cssdebutant.com/syntaxe-css-heritage.html)
Remarque : On utilise un # pour les id et un "." pour les classes
(
http://www.cssdebutant.com/les-id-css.html)
Pour racourcir, pour mieux comprendre les docs, on peut dire que "balise"="sélecteur"=les noms dans les colonnes de DOM-inspecteur, si ça peut t'aider à mieux comprendre ce qui est expliqué ici par exemple:
http://www.siteduzero.com/tutoriel-3-13 ... #ss_part_2
Je rappelle aussi ceci:
Ne t'occupes pas des exemples concernant le HTLM, c'est uniquement l'utilisation du CSS qui t'intéresse ici.
Le fait d'ajouter " !important " permet de donner la priorité à la nouvelle propriété que tu indiques par rapport à celle d'origine.
Donc à ajouter à la suite de chaques propriétés.
Pour les propriétes et leurs valeurs concernant le texte, tu as déjà les liens.
Pour résumé par rapport à ce qui t'intéresse, comment construire un code css, il faut donc avoir cette forme:
sélecteur
{ propriété : valeur }
avec pour "sélecteur", si son nom dans la fenêtre de DOM-inspector est situé dans la colonne:
•"nodeName", s'écrira alors → sélecteur
exemples: menu ou menuitem
•"id", s'écrira → #sélecteur
ex: #helpMenu
•"class" → .sélecteur
ex: .menubar-text
Tu peux aussi te servir des infos du volet de droite pour nommé un sélecteur en utilisant le "sélecteur d'attribut" et une de ses valeurs distinctives, par exemple s'il n'est pas de type "id" et que tu as besoin de sélectionner un élément particulier.
Exemple, si tu veux uniquement modifier l'entrée "Etiquettes récentes" dans le menu "Marque-pages", ça donnerait:
menu[label="Étiquettes récentes"]
Si tu préfères copier les noms, ottomar l'explique aussi dans son lien
http://www.geckozone.org/forum/viewtopi ... 3c#p305754 ,en sachant que l'entrée "Ouvrir" est remplacée par "Edit".
Pour la syntaxe des regroupements de sélecteurs, des sélecteurs enfants, descendants, d'attribut, ... voir ici:
http://slaout.linux62.org/html_css/css.html#selecteurs
ou
http://www.yoyodesign.org/doc/w3c/css2/selector.html
ou
http://fr.wikibooks.org/wiki/Le_langage ... A9lecteurs
Si ça peut être encore plus clair avec des exemples concrets:
(on est d'accord, tu choisis ce que tu veux comme propriétés entre les {...}, c'est qu'un exemple)
(les espaces et les retours à la ligne ne sont pas obligatoire, mais ça permet d'être plus clair à lire)
►pour avoir, dans la barre des menus, tous tes menus qui s'affichent de la même façon:
Code : Tout sélectionner
#main-menubar > menu > menupopup *
{
color: red !important;
font-size: 14px !important;
}
►pour avoir plusieurs menus de style identique et certain différent:
(ici par exemple, le menu de "Fichier" - "Editer" - "Affichage" seront pareils et "Marque-pages" aura un autre style)
Code : Tout sélectionner
#file-menu > menupopup * ,
#edit-menu > menupopup * ,
#view-menu > menupopup
{
color: green !important;
font-size: 14px !important;
}
#bookmarksMenu > menupopup *
{
color: red !important;
font-size: 13px !important;
font-weight: bold !important;
}
et par rapport à l'utilisation des "sélecteurs d'attribut", pour l'exemple du menu de "Marque-pages" ça pourrait aussi avoir le nom:
ou encore
pareil que
on peut même encore l'écrire aussi
comme ça pour reprendre mon exemple plus haut pour différencier "Etiquettes récentes" j'utilise ensuite le code
ça évite dans ce cas de mettre à la place
Code : Tout sélectionner
#bookmarksMenuPopup > menuitem:first-child + menuitem + menu + menuitem + menuitem + menuseparator + menu + menuseparator + menu
Avec des beaux commentaires en bonus ça donnerait par exemple
Code : Tout sélectionner
/*====== menu "Marque-pages" ======*/
/*** pour tout ***/
#bookmarksMenuPopup menuitem,
#bookmarksMenuPopup menu
{
color: red !important;
font-size: 13px !important;
font-weight: bold !important;
}
/*** pour "Etiquettes récentes" ***/
#bookmarksMenuPopup menu[label="Étiquettes récentes"]
{ color: blue !important; }
Voilà, j'espère que ça va t'aider, et Bonne Année
