Specjalny argument CSS

pytanie zadane 13 kwietnia 2015 w HTML i CSS przez Pyro Gaduła (4,210 p.)

Witam

Da się zrobić specjalny opis jakiegoś elementu html w css np elementu <h1 id="12"> i żeby tylko ten jeden element h1 o id=12 miał jakiś określony wygląd ? jeśli tak to jak ?

5 odpowiedzi

odpowiedź 13 kwietnia 2015 przez arkus Bywalec (2,160 p.)
wybrane 13 kwietnia 2015 przez Pyro

Najlepsza

Można właśnie poprzez użycie atrybutu id.

<h1 id="12">Header</h1>

#12 {
	font-weight: bold;
	color: red;
	text-decoration: underline;
}

lub

h1#12 {
	font-weight: bold;
	color: red;
	text-decoration: underline;
}

komentarz 13 kwietnia 2015 przez Pyro Gaduła (4,210 p.)

Dzięki wielkie czyli że mogę naprzykład używać znacznika span z różnymi id np.
<span id="1">
<span id="2">
<span id="3">
...
<span id="123">

a każdy zostanie potraktowany osobno jako osobny znacznik bo jego atrybuty są opisane całkowicie w CSS (bo span chyba nie ma żadnych właściwości) tak ?

komentarz 13 kwietnia 2015 przez arkus Bywalec (2,160 p.)

Tak, każdy ma inne ID, więc każdy będzie potraktowany według 'przepisu', który napiszesz w CSS.

Gdybyś chciał, żeby kilka elementów na stronie miało taki sam wygląd (styl), to wtedy zamiast id używasz klas.

.red {
	font-weight: bold;
	color: red;
	text-decoration: underline;
}

<h1 class="red">Header</h1>
...
...
<span class="red">Czerwony podkreslony napis</span>

komentarz 13 kwietnia 2015 przez Mister123450 Dyskutant (8,700 p.)

Można tak powiedzieć, każdy z nich jest unikatowy, posiadając swoje 'id'.

komentarz 13 kwietnia 2015 przez Pyro Gaduła (4,210 p.)

aha dziękuje za odpowiedzenie na pytanie które i tak pewnie prędzej czy później bym zadał : "jak się tworzy klasy w CSS" chociaż możliwe że jest to w którymś z odcinków CSS u pana Zelenta nie wiem ponieważ im się nie przyglądałem bardziej skupiłem się na HTML PHP i MySQL

odpowiedź 13 kwietnia 2015 przez niezalogowany

Odradzam nadawanie nazw jako liczby. I to tak bardzo odradzam. Pozostań przy "normalnym / stringowym" nazewnictwie. Możesz nazwać elementy typu <h1 id="nr1">, <h1 id="nr2">.

komentarz 13 kwietnia 2015 przez testerius Pasjonat (23,960 p.)

Nom 100% racji, nazewnictwo ma znaczenie!

odpowiedź 14 kwietnia 2015 przez Robert Saternus Stary wyjadacz (12,180 p.)

CSS 3 posiada dość sporo specyficznych selektorów i pseudoklas. Z czym to się je? Polecam poczytać tutaj: http://www.kurshtml.edu.pl/css/co_to_sa_pseudoklasy,pseudoklasy.html

Od siebie dodam jedynie, że kod HTML powinno upraszczać się do minimum, czyli nadawać jak najmniej class i id a przede wszystkim nie pisanie żadnego kodu CSS w pliku html.

I właśnie do upraszczania kodu html, zostały wymyślone nowe selektory i pseudoklasy. Wiem, że poprawne używanie może zająć trochę czasu, ale naprawdę wpłynie to znacząco na jakość Twojego kodu!