Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] co oznacza "#" "." ","
Forum PHP.pl > Forum > Po stronie przeglądarki
blizniak
witam
moglby ktos podac jakis link lub napisac tu na forum co oznacza # . , kiedy sie ktorego uzywa
bo w zadnym kursie ktory znalazlem od css nie ma tam tego wyjasnionego

  1. div#navigation
  2. div.navigation
  3. div#navigation div
  4. ul#menu, ul#menu li
  5. #menu a
nevt
to bardzo słabo szukałeś....

opis kropki . masz TUTAJ

a opis krzyżyka # masz TUTAJ

powodzenia.
michalkjp
# odnosi się do id znacznika np.

<div id='navigation'>

. odnosi się do klasy znacznika np.

<div class='navigation'>

, to chyba tylko i wyłącznie separator, żebyś mógł podać kilka tagów np.

h1, h2, h3, p, div {
jakiś styl
}

Różnica pomiędzy id a class czyli # a . jest taka, że mają one różny priorytet. Dodatkowo możesz użyć tylko jednego id o danej nazwie a klasę możesz używać wielokrotnie.
blizniak
ok a jaka jest roznica miedzy tym
  1. div#navigation div
  2. ul#menu, ul#menu li

czemu w pierwszym przypadku nie ma przecinka po div#navigation
a w drugim przypadku po ul#menu jest
co ten przecinek oznacza ?
piaseq
Cytat(blizniak @ 20.09.2008, 22:20:33 ) *
ok a jaka jest roznica miedzy tym
  1. div#navigation div
  2. ul#menu, ul#menu li

czemu w pierwszym przypadku nie ma przecinka po div#navigation
a w drugim przypadku po ul#menu jest
co ten przecinek oznacza ?


Przecinek oznacza, że style są stosowane do kilku elementów. W pierwszym przypadku style odnoszą się do divów znajdujących się w dive o id="navigation"
  1. <?php
  2. <html>
  3.   <div id="navigation">
  4.        <div>
  5.        </div>
  6.   </div>
  7. ?>


W drugim przypadku style odnoszą się do listy o id="menu" oraz do elementów li wewnątrz takiej listy.

Nie jest to zbyt precyzyjny opis, ale jaśniej nie potrafię zajrzyj na http://kurs.browsehappy.pl tam jest wszystko dokładnie i jasno opisane. Zagadnienia, o które pytasz http://kurs.browsehappy.pl/CSS/Selektory
michalkjp
Masz bana na Google? winksmiley.jpg

Poszukaj czegoś o grupowaniu selektorów. Proponowałbym też poeksperymentować we własnym zakresie.

(Ja nie wiem jaka jest różnica pomiędzy wersją z przecinkiem czy bez - zawsze myślałem, że należy stawiać przecinek. Validator CSS nie wyrzuca błędu więc chyba wszystko jest ok jak nie dasz przecinka. Przeglądarka też nie widzi różnicy.)
.radex
Cytat(blizniak @ 20.09.2008, 22:20:33 ) *
ok a jaka jest roznica miedzy tym
  1. div#navigation div
  2. ul#menu, ul#menu li

czemu w pierwszym przypadku nie ma przecinka po div#navigation
a w drugim przypadku po ul#menu jest
co ten przecinek oznacza ?


To pierwsze odnosi się do <div>a (div#navigation div), który znajduje się w <div>ie (div#navigation div) o id (div#navigation div) navigation (div#navigation div)

Wiem, że to zagmatwane, no ale...

A to drugie odnosi się do

<ul>a o id menu (ul#menu) ORAZ do <li> znajdującego się w <ul>u o id menu (ul#menu li)

rozumiesz już smile.gif ?

Cytat
(Ja nie wiem jaka jest różnica pomiędzy wersją z przecinkiem czy bez - zawsze myślałem, że należy stawiać przecinek. Validator CSS nie wyrzuca błędu więc chyba wszystko jest ok jak nie dasz przecinka. Przeglądarka też nie widzi różnicy.)


Bzdury!

Spróbuj sobie coś takiego:

ul, li

oraz

ul li

jak przeglądarka nie będzie widziała różnicy, to ja jestem linus torvalds.
michalkjp
Cytat(.radex @ 20.09.2008, 22:36:37 ) *
Bzdury!

Spróbuj sobie coś takiego:

ul, li

oraz

ul li

jak przeglądarka nie będzie widziała różnicy, to ja jestem linus torvalds.


Cześć Linus!

Lynx, Dillo, Links i kilkanaście innych nie będą widziały różnicy.

A tak na poważnie, to oczywiście masz rację. (doczytałem sobie o tych selektorach)
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.