uradi wrap celokupnog sadrzaja osim jedne klase

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hocu da sadrzaj klase "nesto3" izuzem od wrap-ovanja.

html:
<div class="wrap"> <div class="nesto1">Blabla</div> <div class="nesto2">Blabla</div> <div class="nesto3">Blabla</div> <div class="nesto4">Blabla</div> </div>

css:
.wrap:not(.nesto3) {    width: 1280px;    margin: 0 auto; }

U cemu gresim ?

BTW: Znam za alternativna resenja ali me interesuje bas upotreba :not selektora u ovom slucaju.

• 1Ovo se svidja korisniku: m4rk0
  
  Registruj se da bi pohvalio/la poruku!

Napisano: 10 Nov 2014 11:59

Moraš da odvojiš :not za jedan space od prve klase

.wrap :not(.nesto3) {    width: 1280px;    margin: 0 auto; }

Dopuna: 10 Nov 2014 12:01

znam ... nema nikakvog smisla s obzirom da se pseudo selektori koji se isto pišu sa dve tačke, pišu spojeno uz klasu... ta sintaksa...

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Nadao sam se da nije sintaksna greska, kad ono.. Hvala.
:not selektor je bas oskudno objasnjen na netu i vidim sad da su pravila razlicita da li staviti razmak ili ne kod :not selektora. Ono sto sam zakljucio je:

p:not(.class) {   color: green; } /* nema razmaka kada ide pravilo "sve sa p elementom osim u slucaju klase .class" */ body :not(p) {    color: green; } /*postoji razmak kada ide pravilo "sve u okviru body elementa osim p elementa*/ .class1 :not(.class2) {    color: green; }/*postoji razmak kada ide pravilo "sve sa klasom .class1 osim klase .class2*/

Znaci u sustini zajedno ide samo kada je
elemenat:not(.klasa)
Jel tako ?

• 2Ovo se svidja korisnicima: m4rk0, Default
  
  Registruj se da bi pohvalio/la poruku!

@Default: Ima smisla, itekako. Kad u CSS-u selektore napises spojeno, da bi stil bio primenjen element mora da sadrzi sve selektore. Tj.

.jedan.dva { /* neki css */ }

ce biti primenjen na element:

<div class="jedan dva">Ovaj element ima taj stil.</div>

dok, sa druge strane, ako postoji razmak izmedju selektora, to znaci da trazis element unutar elementa, odnosno:

.jedan .dva { /* neki css */ }

ce biti primenjen na element:

<div class="jedan"><div class="dva">Ovaj element ima taj stil.</div></div>

Pseudo-selektori nisu izuzeti iz ovog pravila. Medjutim, retko se pseudo selektor stavlja na sve elemente unutar nekog drugog elementa, tj uglavnom se koristi a:hover.

@m4rk0:

p:not(.class) {   color: green; } /* nema razmaka kada ide pravilo "sve sa p elementom osim u slucaju klase .class" - TACNO*/   body :not(p) {    color: green; } /*postoji razmak kada ide pravilo "sve u okviru body elementa osim p elementa - TACNO */   .class1 :not(.class2) {    color: green; }/*postoji razmak kada ide pravilo "sve sa klasom .class1 osim klase .class2 -  NETACNO */

Poslednje pravilo se primenjuje za sve elemente unutar elemen(a)ta koji imaju klasu "class1", a nisu klase "class2". Manje vise isto kao i drugo pravilo, samo sto umesto imena elementa za selektor imas klase.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala, shvatio.

Samo jos jedno pitanje. Ako zelimo da uradimo exception za vise elemenata/klasa, kako onda ide sintaksa ? Na pr neka svi paragrafi budu zeleni osim onih koji pripadaju klasama class1 class2 i class3

p:not(.class1, .class2, .class3) {   color: green; }

ili

p:not(.class1 .class2 .class3) {   color: green; }

Ili nekako trece ?

• 1Ovo se svidja korisniku: m4rk0
  
  Registruj se da bi pohvalio/la poruku!

Trece

p:not(.class1):not(.class2):not(.class3) {   color: green; }

[Link mogu videti samo ulogovani korisnici]

Trazis element za koji se poklapaju svi selektori: <p> element koji nema klasu "class1", "class2" i "class3".

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala

i samo jos jedna kombinacija, sorry

Kako bi islo u slucaju da nije kombinacija element:not(.klasa) tj kada u osnovnoj sitaksi postoji razmak u odnosu na selektor ? Da li ce se i kod nabrajanja razdvajati, na pr:

.class :not(.class1) :not(.class2) :not(.class3) {   color: green; }

Jel ovako ispravno ?

• 1Ovo se svidja korisniku: m4rk0
  
  Registruj se da bi pohvalio/la poruku!

Ovo poslednje parce koda "hvata" element u minimalno cetvrtom nivou dubine (i dublje), odnosno element koji nije klase class3, a nalazi se unutar elementa koji nije klase class2, a on se nalazi unutar elementa koji nije klase class1, a nalazi se negde unutar elementa klase class. Odnosno:

<div class="class"><div class="test1"><div class="test2"><div class="test3">OVAJ ELEMENT</div></div></div></div>