| Les deux révisions précédentesRévision précédente | |
| issue175:inkscape [2021/12/02 15:21] – auntiee | issue175:inkscape [2021/12/03 18:20] (Version actuelle) – andre_domenech |
|---|
| Using these selectors, I’ve added rules to change the color of any object where both classes match, and the stroke of any <rect> with the “col-1” class. The effect is that the square at the top left has both the new rules applied, but no other elements are affected.** | Using these selectors, I’ve added rules to change the color of any object where both classes match, and the stroke of any <rect> with the “col-1” class. The effect is that the square at the top left has both the new rules applied, but no other elements are affected.** |
| |
| En désélectionnant tout ce qui se trouve dans le dessin et en cliquant sur le bouton plus en bas de la boîte de dialogue, on déclenche la boîte de dialogue permettant d'ajouter un nouveau sélecteur - pré-rempli avec « .Class1 » comme d'habitude. Comme nous l'avons vu la dernière fois, il est également possible d'entrer un nom d'élément ici, mais, cette fois, nous allons créer quelque chose d'encore plus complexe : un sélecteur qui cible plusieurs classes. Si nous saisissons la valeur « .squares.col-1 » comme chaîne unique, sans espace, le sélecteur ne ciblera que les éléments auxquels sont appliquées à la fois les classes « squares » et « col-1 ». Dans notre cas, le seul élément qui correspond à cette combinaison est le carré en haut à gauche. | En désélectionnant tout ce qui se trouve dans le dessin et en cliquant sur le bouton plus en bas de la boîte de dialogue, on déclenche la boîte de dialogue permettant d'ajouter un nouveau sélecteur, pré-rempli avec « .Class1 » comme d'habitude. Comme nous l'avons vu la dernière fois, il est également possible d'entrer un nom d'élément ici, mais, cette fois, nous allons créer quelque chose d'encore plus complexe : un sélecteur qui cible plusieurs classes. Si nous saisissons la valeur « .squares.col-1 » comme chaîne unique, sans espace, le sélecteur ne ciblera que les éléments auxquels sont appliquées à la fois les classes « squares » et « col-1 ». Dans notre cas, le seul élément qui correspond à cette combinaison est le carré en haut à gauche. |
| |
| Nous pouvons également combiner un sélecteur d'élément avec un sélecteur de classe. En saisissant « rect.col-1 », par exemple, seuls les éléments <rect> auxquels est appliquée la classe « col-1 » seront pris en compte. Encore une fois, la seule chose qui correspond dans ce cas est le carré en haut à gauche. | Nous pouvons également combiner un sélecteur d'élément avec un sélecteur de classe. En saisissant « rect.col-1 », par exemple, seuls les éléments <rect> auxquels est appliquée la classe « col-1 » seront pris en compte. Encore une fois, la seule chose qui correspond dans ce cas est le carré en haut à gauche. |
