Forum PHP.pl > [CSS]Co oznacza ten zapis class="cos: drugie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Co oznacza ten zapis class="cos: drugie_cos"

Forum PHP.pl > Forum > Przedszkole

kapuch

27.06.2010, 09:13:35

Tak jak w temacie, troche sie css bawie, ale orlem nie jestem

a spotkalem sie niedawno z takim odwolaniem do klasy

Kod

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.

Quantum

27.06.2010, 09:18:15

"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

kapuch

27.06.2010, 09:19:58

ok czyli to oznacza

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

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

Bo ten dwukropek jest napewno...

Quantum

27.06.2010, 09:26:26

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

podaj stronę lub kod w jakim to znalazłeś jeżeli pamiętasz

kapuch

27.06.2010, 09:31:11

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

Quantum

27.06.2010, 09:33:30

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.

kapuch

27.06.2010, 09:35:23

Cytat(Quantum @ 27.06.2010, 10:33:30 )

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

27.06.2010, 09:37:44

ale na pewno nie oznacza

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

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

kapuch

27.06.2010, 09:42:44

Cytat(Quantum @ 27.06.2010, 10:37:44 )

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

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

pedro84

27.06.2010, 09:53:53

Cytat(kapuch @ 27.06.2010, 10:42:44 )

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

Styl odnosi się do elementu cos o klasie drugieCos.

kapuch

27.06.2010, 09:55:32

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

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

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

bez kropki na poczatku?

Quantum

27.06.2010, 09:56:34

@pedro84 tam jest kropka .cos.drugieCos

czyli przypisywanie kilku klas

pedro84

27.06.2010, 09:58:06

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

kapuch

27.06.2010, 10:00:37

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

Quantum

27.06.2010, 10:01:12

@pedro84 to już wcześniej napisałem, autorowi chodzi o zapis <elem class="klasa1: klasa2">

kapuch

27.06.2010, 10:15:56

Cytat(pedro84 @ 27.06.2010, 10:58:06 )

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.

Quantum

27.06.2010, 10:22:35

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>

kapuch

27.06.2010, 10:24:20

Cytat(Quantum @ 27.06.2010, 11:22:35 )

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

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

Quantum

27.06.2010, 10:28:42

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

Cytat

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.

kapuch

27.06.2010, 10:29:59

No wlasnie tez tak pomyslalem teraz, no coz stracilem swoj i Wasz czas...sorrki

Pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.