MyCity » Web dizajn / HTML » uradi wrap celokupnog sadrzaja osim jedne klase

uradi wrap celokupnog sadrzaja osim jedne klase

Napisano na dan: 8.11.2014

uradi wrap celokupnog sadrzaja osim jedne klase
Sledeća strana Pagination

Idi na vrh

Poslao: 08 Nov 2014 22:22
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

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

html:

  1. <div class="wrap">
  2.  
  3. <div class="nesto1">Blabla</div>
  4. <div class="nesto2">Blabla</div>
  5. <div class="nesto3">Blabla</div>
  6. <div class="nesto4">Blabla</div>
  7.  
  8. </div>


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

U cemu gresim ?

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



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 10 Nov 2014 12:01
Idi na vrh
offline
  • Pridružio: 25 Jan 2004
  • Poruke: 2784
  • Gde živiš: Niš

Napisano: 10 Nov 2014 11:59

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

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


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...



Poslao: 10 Nov 2014 12:17
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Nadao sam se da nije sintaksna greska, kad ono.. Smile 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:

  1. p:not(.class) {
  2.   color: green;
  3. } /* nema razmaka kada ide pravilo "sve sa p elementom osim u slucaju klase .class" */
  4.  
  5. body :not(p) {
  6.    color: green;
  7. } /*postoji razmak kada ide pravilo "sve u okviru body elementa osim p elementa*/
  8.  
  9. .class1 :not(.class2) {
  10.    color: green;
  11. }/*postoji razmak kada ide pravilo "sve sa klasom .class1 osim klase .class2*/


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

Poslao: 10 Nov 2014 14:15
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

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

  1. .jedan.dva {
  2. /* neki css */
  3. }


ce biti primenjen na element:

  1. <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:

  1. .jedan .dva {
  2. /* neki css */
  3. }

ce biti primenjen na element:

  1. <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:

  1. p:not(.class) {
  2.   color: green;
  3. } /* nema razmaka kada ide pravilo "sve sa p elementom osim u slucaju klase .class" - TACNO*/
  4.  
  5. body :not(p) {
  6.    color: green;
  7. } /*postoji razmak kada ide pravilo "sve u okviru body elementa osim p elementa - TACNO */
  8.  
  9. .class1 :not(.class2) {
  10.    color: green;
  11. }/*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.

Poslao: 10 Nov 2014 15:01
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Hvala, shvatio. Smile

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

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


ili

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

Ili nekako trece ?

Poslao: 10 Nov 2014 15:33
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

Trece Wink

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


[Link mogu videti samo ulogovani korisnici]

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

Poslao: 10 Nov 2014 16:48
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Hvala Ziveli

i samo jos jedna kombinacija, sorry Smile

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:

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


Jel ovako ispravno ?

Poslao: 10 Nov 2014 22:42
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

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:

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

MyCity » Web dizajn / HTML » uradi wrap celokupnog sadrzaja osim jedne klase

Ko je trenutno na forumu
 

Ukupno su 901 korisnika na forumu :: 14 registrovanih, 3 sakrivenih i 884 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 33 bren, amstel, Bickoooo, Bo96, crnogorac, draganl, SamostalniReferent, Saša31LPB, Slingshot, uruk, Vlado82, XBMC, Zorge, Đurđevdan