27613 sujets

CSS et mise en forme, CSS3

Bonjour
Je pense que cela est peut être du à un problème de priorite de selecteurs?

<body id="top" class="grid-body with-rigth-sidebar" >
	<div class="col-body--content"><p>Content</p></div> 
	<div class="col-body--left"><p>Left</p></div> 
	<div class="col-body--middle"><p>Middle</p></div>
	<div class="col-body--right"><p>Right</p></div>


.col-body--left,
.col-body--middle,
.col-body--right {
	display: none;
}
@media (min-width: 1024px) {
	.with-right-sidebar .col-body--content {
		display: none;
	}	
	.with-right-sidebar .col-body--right, 
	.with-right-sidebar .col-body--middle, 
	.with-right-sidebar .col-body--left {
		display : block;
	}
}	

Si je ne mets pas la classe with-right-sidebard dans le css, la media-query bien entendu fonctionne.
Cela ne fonctionne pas mon plus si je mets grid-body.with-righ-sidebar ou with-right-sidebar >.
connecté
Modérateur
Salut,

attention à l'orthographe :

with-rigth-sidebar

with-right-sidebar
Meilleure solution
Oups!!
Grand merci pour avoir vu cette erreur de frappe.
Surtout que je ne comprenais pas car j'avais d'autres pages html qui elles fonctionnaient correctement!
Cordialement