• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Specjalny argument CSS

VPS Starter Arubacloud
+1 głos
339 wizyt
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

+1 głos
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
+2 głosów
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!
+1 głos
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!

0 głosów
odpowiedź 13 kwietnia 2015 przez Valtuil Pasjonat (22,460 p.)
h1#12 {

 /*kod*/

}

możesz tak zrobić z wszystkim: tag#id {} lub tag.klasa {}
0 głosów
odpowiedź 14 kwietnia 2015 przez Krzysiu Nowicjusz (140 p.)
Użyj do tego klasy (class="tekst"), a nie identyfikatora.

Podobne pytania

0 głosów
0 odpowiedzi 54 wizyt
0 głosów
2 odpowiedzi 126 wizyt
pytanie zadane 26 stycznia 2020 w PHP przez franz Gaduła (4,940 p.)
+1 głos
1 odpowiedź 506 wizyt
pytanie zadane 24 października 2018 w C i C++ przez paweleke Użytkownik (580 p.)

92,452 zapytań

141,262 odpowiedzi

319,077 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...