Timesoft

Osobní stránky webkonzultanta

Month: Březen 2012

Selektory v CSS

Základní zápis selektorů v css je všeobecně známý.  Možná na úvod by bylo vhodné si je lehce připomenout:

h1 {border-bottom: 1px solid red;}
p.black {color: black;}
div#red {background-color: red;}

Toto je úplný základ, který snad ovládají všichni. Pojďme se ale podívat na vyšší level zápisu. Následující zápisy nejčastěji využijete tehdy, když stylujete html dokument, který nemáte možnost ovlivnit. Jestliže ji totiž máte, nic vám nebrání si k jakémukoli prvku dopsat nějakou tu třídu, nebo identifikátor.

Selektory s atributy

a[name] {color: green;}
a[href="http://www.timesoft.cz"] {color: green;}
a[title~="Foto"] {color: green;}
a[title*="Foto"] {color: green;}
a[title^="Foto"] {color: green;}
a[title$="Foto"] {color: green;}

1. vybere veškeré odkazy, které obsahují atribut name
2. obdobně jako 1., jen přesnější zápis
3. vybere veškeré odkazy, které v atributu title obsahují text Foto
4. vybere všechny prvky (odkaz) s atributem title, jejichž hodnota obsahuje řetězec „Foto“.
5. vybere všechny prvky (odkaz) s atributem title, jejichž hodnota začíná na „Foto“.
6. vybere všechny prvky (odkaz) s atributem title, jejichž hodnota končí na „Foto“.

Upozorňuji, že záleží na velikosti písmen.

Ukázka – Selektory v CSS

Zaujal Vás článek? Informujte ostatní

Klasika – Vítejte

Vítám Vás na svém novém webu. Mé bývalé stránky byly vždy pouze „statické“, obsahovaly pouze základní informace o mé osobě a mém koníčku (práci) a kontakty, tj. to, co obsahuje 90% všech webů na celosvětové síti, stránky několik let neaktualizované, pro návštěvníky nezajímavé. Nepovažoval jsem za nutné cokoli světu sdělovat , nebo nějak archivovat své pracovní myšlenky – věnoval jsem se naplno své práci. Jelikož ale informací neustále přibývá (je potřeba si je poznačit pro pozdější dobu a užitek) a občas mám navíc nějakou potřebu cosi pracovního „vykřičet“,  zvolil jsem tuto variantu.

Na stránkách by se měly objevovat krom informací o mé práci (reference), i zajímavosti ze světa programování, webdesignu, kódování stránek, optimalizace, zkrátka všeho, co mě pracovně zajímá.

Je skvělé, že můžu dělat to, co mě baví. Snad to přinese nějaké poučné věci i vám, čtenářům, návštěvníkům blogu.

Zaujal Vás článek? Informujte ostatní

© 2017 Timesoft

Theme by Anders NorenUp ↑