[CSS]Co oznacza ten zapis class="cos: drugie_cos" Opcje

[kapuch]

Tak jak w temacie, troche sie css bawie, ale orlem nie jestem (IMG:style_emoticons/default/winksmiley.jpg) a spotkalem sie niedawno z takim odwolaniem do klasy

Kod

<div class="cos: drugieCos"></div>

Nigdy wczesniej takiego czegos nie widzialem i nie wiem jak to dziala, jak wyglada styl w css?

PS sorry za glupi temat i post, ale nie mam jak sprawdzic tego u wujka google, bo nie wiem nawet jakie zapytanie dac.

Ten post edytował kapuch 27.06.2010, 09:16:24

[Quantum]

"cos: drugieCos" <- bez tego dwukropka - rozszerzanie klas css, sprawdź jak działa, to dwie osobne klasy w stylu

[HTML] pobierz, plaintext 
 
<style type="text/css">
.cos {
 background-color: yellow;
}
.drugieCos {
 background-color: blue;
 font-weight: bold;
}
</style>
 
<span class="cos drugieCos">abc</span>
 
[HTML] pobierz, plaintext 

Ten post edytował Quantum 27.06.2010, 09:20:43

[kapuch]

ok czyli to oznacza

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

(IMG:style_emoticons/default/questionmark.gif)

A z tym dwukropkiem co to oznacza?

Aha juz chyba wiem, z dwukropkiem oznacza to:

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

a bez :

[CSS] pobierz, plaintext 
.cos {}
.drugieCos {}
[CSS] pobierz, plaintext 

dobrze mysle (IMG:style_emoticons/default/questionmark.gif)

Bo ten dwukropek jest napewno...

Ten post edytował kapuch 27.06.2010, 09:26:11

[Quantum]

Nie.. zapis, który podałeś na początku

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

jest poprawny i działa prawie jak ten co podałem ja, tyle że bez zdefiniowanej klasy "cos" na początku <tag class="cos, klasa drugieCos nie zadziała z żadną inną. Z zapisem z dwukropkiem jeszcze się nie spotkałem (IMG:style_emoticons/default/smile.gif) podaj stronę lub kod w jakim to znalazłeś jeżeli pamiętasz

Ten post edytował Quantum 27.06.2010, 09:28:01

[kapuch]

No wlasnie ja tez nie dlatego kombinuje, bo z tego co wiem to zapis
style="cos drugieCos" <-- bez dwukropka, przypisuje do obiektu dwie klasy (osobne), czyli:

[CSS] pobierz, plaintext 
.cos {}
.drugieCos {}
[CSS] pobierz, plaintext 

wiec zapis style="cos: drugieCos" <-- z dwukropkiem, moze oznaczac przypisanie podklasy, takiego rodzaju:

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

No ale wlasnie nie wiem (IMG:style_emoticons/default/smile.gif)

Ten post edytował kapuch 27.06.2010, 09:32:00

[Quantum]

wytłumaczyłem Ci to w poprzednim poście, tu możesz poczytać o przypisywaniu wielu klas do jednego elementu http://www.search-this.com/2007/04/25/opti...class-elements/, ale jeżeli chodzi o ten dwukropek to teoretycznie działa z osobnymi klasami z pierwszego postu, który tu napisałem, ale zwykła spacja daje ten sam rezultat.

Ten post edytował Quantum 27.06.2010, 09:36:02

[kapuch]

wytłumaczyłem Ci to w poprzednim poście, tu możesz poczytać o przypisywaniu wielu klas do jednego elementu http://www.search-this.com/2007/04/25/opti...class-elements/.

Nie no to lapie, wiem ze style="abc bca" oznacza przypisanie 2 klass, ale chodzi wlasnie o dzialanie tego dwukropka...
Przypomina mi to a:hover itp.

[Quantum]

ale na pewno nie oznacza

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

masz gdzieś taki kod na żywo z tym dwukropkiem ?

Ten post edytował Quantum 27.06.2010, 09:38:39

[kapuch]

ale na pewno nie oznacza

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

masz gdzieś taki kod na żywo z tym dwukropkiem ?

Pracuje na localhost (IMG:style_emoticons/default/winksmiley.jpg)
Ale przeprowadzilem test:

[CSS] pobierz, plaintext 
.cos { background: #dbc; }
.drugieCos { border: 1px solid #000; }
[CSS] pobierz, plaintext 

I teraz przy takim odwolaniu:

[HTML] pobierz, plaintext 
<div class="cos drugieCos"></div>
[HTML] pobierz, plaintext 

Mam tlo rozowe i obramowanie czarne,
a przy takim odwolaniu:

[HTML] pobierz, plaintext 
<div class="cos: drugieCos"></div>
[HTML] pobierz, plaintext 

mam tylko obramowanie czarne bez tla, czyli ten zapis z dwukropkiem dziala tak jak myslalem:

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

Chyba ze to tylko przypadek...

PS. Chociaz sam nie wiem....pogubilem sie teraz, bo to tak jakby dzialalo na zasadzie (przypisz podklase drugieCos z klasy cos, ale bez klasy cos)
Moze jeszcze ktos "cos" podpowie (IMG:style_emoticons/default/winksmiley.jpg) ?

Ten post edytował kapuch 27.06.2010, 09:51:18

[pedro84]

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

Chyba ze to tylko przypadek...

PS. Chociaz sam nie wiem....pogubilem sie teraz, bo to tak jakby dzialalo na zasadzie (przypisz podklase drugieCos z klasy cos, ale bez klasy cos)
Moze jeszcze ktos "cos" podpowie (IMG:style_emoticons/default/winksmiley.jpg) ?

Styl odnosi się do elementu cos o klasie drugieCos.

[kapuch]

czyli

[CSS] pobierz, plaintext 
.cos.drugieCos {}
[CSS] pobierz, plaintext 

a moze

[CSS] pobierz, plaintext 
.cos[spacja].drugieCos {}
[CSS] pobierz, plaintext 

?
Sorry ze tak dopytuje ale chce miec 100% pewnosci, ze dobrze zrozumialem, bo sie troche zawiesilem (IMG:style_emoticons/default/winksmiley.jpg)

Elementu? Czyli ze to cos jest <cos> ?
Wtedy css wygladal by tak?

[CSS] pobierz, plaintext 
cos.drugieCos {}
[CSS] pobierz, plaintext 

bez kropki na poczatku?

Ten post edytował kapuch 27.06.2010, 09:58:40

[Quantum]

@pedro84 tam jest kropka .cos.drugieCos (IMG:style_emoticons/default/winksmiley.jpg) czyli przypisywanie kilku klas

Ten post edytował Quantum 27.06.2010, 09:59:51

[pedro84]

Wiem. Do elementu o klasie cos z nadana klasa drugieCos. Ten styl nie zadziała Ci do elementu <div class="cos trzecieCos">, ale do <div class="cos drugieCos"> jak najbardziej.

[CSS] pobierz, plaintext 
.cos[spacja].drugieCos {}
[CSS] pobierz, plaintext 

zadziała Ci do drugiego elementu, tj. <div class="cos"><div clsas="drugieCos">

Ten post edytował pedro84 27.06.2010, 10:00:54

[kapuch]

Aha to juz chyba kapuje, bardzo dziekuje za Wasza pomoc!
Pozdrawiam

[Quantum]

@pedro84 to już wcześniej napisałem, autorowi chodzi o zapis <elem class="klasa1: klasa2"> (IMG:style_emoticons/default/smile.gif)

[kapuch]

Wiem. Do elementu o klasie cos z nadana klasa drugieCos. Ten styl nie zadziała Ci do elementu <div class="cos trzecieCos">, ale do <div class="cos drugieCos"> jak najbardziej.

[CSS] pobierz, plaintext 
.cos[spacja].drugieCos {}
[CSS] pobierz, plaintext 

zadziała Ci do drugiego elementu, tj. <div class="cos"><div clsas="drugieCos">

Teraz tak patrze i nie zauwazylem wczesniej ze piszesz o <div class="cos drugieCos"> bez dwukropka i nie wiem czy poprostu nie ma to znaczenia, czy to przeoczyles?

EDIT: Zeby bylo ciekawiej - dopiero teraz zobaczylem, ze jest tam tez srednik

Kod

class="cos: drugieCos;"

Przegladam rozne manuale css i nigdzie nie ma takiego zapisu, wiec cos mi sie wydaje ze taki zapis powstal w glowie autora tego skryptu i byc moze pozniej jest jakos przeksztalcany za pomoca JS w locie - cos mi sie tak wydaje.

Ten post edytował kapuch 27.06.2010, 10:22:46

[Quantum]

chyba się lekko pomyliłeś i zamiast "style" napisałeś "class", to przypomina zapis styli liniowych dla elementu, szukaj w google pod frazą; inline css style <elem style="właściwość: wartość;">

np: <span style="color: blue; font-weight: bold;">abc</span>

Ten post edytował Quantum 27.06.2010, 10:24:02

[kapuch]

chyba się lekko pomyliłeś i zamiast "style" napisałeś "class", to przypomina zapis styli liniowych dla elementu, szukaj w google pod frazą; inline css style

Hehe tak to wyglada, ale na 1000000% sie nie pomylilem (IMG:style_emoticons/default/smile.gif)

EDIT:
Zobacz 12 linijke w tym kodzie: http://alexgorbatchev.com/wiki/SyntaxHighlighter:Usage

Ten post edytował kapuch 27.06.2010, 10:26:08

[Quantum]

jak wynika z linku po przyjrzeniu się temu stwierdzam, że zapis został przystosowany dla skryptu JS, to nie ma nic wspólnego z CSS.

This feature is new in 2.1 SyntaxHighlighter looks for <script type="syntaxhighlighter" /> which have a specially formatted class attribute. The format of the attribute is the same as the CSS style attribute. The only required parameter is brush (see configuration), which should be set to as one of the brush aliases.

Ten post edytował Quantum 27.06.2010, 10:30:24

[kapuch]

No wlasnie tez tak pomyslalem teraz, no coz stracilem swoj i Wasz czas...sorrki (IMG:style_emoticons/default/smile.gif)
Pozdrawiam