Fonctionnement du stylesheet dans un style

[Hervé]

Bonjour,
Je voudrais savoir si une propriété qui se trouve dans le fichier styles/style_perso/theme/style_perso.css a priorité sur la même propriété qui se trouve dans un css de Prosilver.
Par exemple on trouve dans Prosilver à de nombreux endroits par exemple dans bidi.css une propriété qui fait que les angles sont arrondis

Code: Tout sélectionner

.rtl .button-search-end {
	border-radius: 4px 0 0 4px;
	border-left-width: 1px;
	border-right-width: 0;
}

Si je mets dans le stylesheet de mon style perso

Code: Tout sélectionner

.rtl .button-search-end {
	border-radius: 0 0 0 0;
	border-left-width: 1px;
	border-right-width: 0;
}

càd la même chose que dans Prosilver sauf la ligne border-radius qui fait que les angles sont arrondis
sera-t-elle bien prise en compte donc avec des angles droits pour cet élément ?

[Fred]

Salut
Pourquoi vouloir ajouter un border-radius alors que tu cherches à avoir des angles droits ?
Supprime cette ligne :

Code: Tout sélectionner

border-radius: 0 0 0 0;

[Hervé]

Confirmes-tu qu'une propriété qui se trouve dans le fichier styles/style_perso/theme/style_perso.css a priorité sur la même propriété qui se trouve dans un css de Prosilver ?
C'est ça ma question, le reste n'est qu'un exemple pour mieux me faire comprendre.

[Fred]

Oui, pour un style perso qui n'utilise qu'un seul fichier, le stylesheet.css

Si cela coince il est possible d'utiliser la fonction !important pour forcer la valeur, ainsi :

Code: Tout sélectionner

border-radius: 0 0 0 0 !important;

[Hervé]

Quelque chose m'échappe : dans le tuto pour créer un style perso je lis
Ce dossier (theme), entre autre, contient la CSS de votre style, le fichier est style_perso.css. Pour l'instant il n'y a aucun code
Renommer style_perso par le nom de votre style (ce sera la CSS de votre thème)

Faut-il renommer style_perso.css en "le nom de mon style".css ou en stylesheet.css ?

[Fred]

Comme tu veux, du moment que le nom du fichier CSS soit identique dans le répertoire theme et dans les templates overall_header.html et simple_header.html

[Hervé]

J'ai compris, merci; je vais essayer (demain); si ça fonctionne j'indiquerai ce sujet comme résolu.

[Hervé]

Bonjour,
J'ai donc copié dans mon css perso toutes les différences de thème entre SE_Square et Prosilver.
J'ai activé mon style perso avec cette stylesheet "LeForumRecifal.css".
La plupart des propriétés sont prises en compte mais pas toutes, par exemple dans common.css de Prosilver je trouve

Code: Tout sélectionner

.forabg {
	margin-bottom: 4px;
	padding: 5px;
	clear: both;
	border-radius: 7px;
}

Dans mon style perso pour avoir des angles droits j'ai mis ceci en supprimant border-radius: 7px;

Code: Tout sélectionner

.forabg {
	margin-bottom: 4px;
	padding: 5px;
	clear: both;
}

Mais les angles sont arrondis comme le confirme "Inspecter" du navigateur border-radius: 7px; est quand même pris en compte



Ajouté 47 minutes 14 secondes après :

Pourquoi vouloir ajouter un border-radius alors que tu cherches à avoir des angles droits ?
Supprime cette ligne :

Code: Tout sélectionner

border-radius: 0 0 0 0;

Par contre si j'ajoute border-radius: 0; les angles sont bien droits.

[Fred]

Salut
Merci de lire ce qui est écrit en rouge dans la description de ce forum

Capture d’écran 2021-11-17 à 12.55.27.png

Et accessoirement d'enregistrer cette règle

[Hervé]

Problème résolu.