Er is geen CSS ondersteuning.
dit is een link naar een plaatje van een trevis.
Internet wordt heel erg vervuild door websites die het nodig vinden om manuals en de inhoud van (echt goede) websites klakkeloos over te nemen om hun brakke sites wat inhoud te geven. Je kan meestal in één oog-opslag al zien dat de heren/dames webmasters geen flauw idee hebben waar ze eigenlijk over schrijven. En dat maakt het er voor de "zoekende" webmasters nu niet echt makkelijker op. Soms moet je door tientallen websites en blogs "heenploegen" voordat je eindelijk iets vindt wat bruikbaar is. Gelukkig lukt het google steeds beter om die "puin-sites" uit de index te verwijderen.
Zo ook met de css-selectors. Alleen maar oervervelend theoretisch gezwam kunnen we allemaal
missen als kiespijn. Voorbeelden werken echt veel beter...
Met css-selectors kan je jouw stylesheet een paar "kunstjes" bijleren. En op deze pagina is
de truc om aan een link een icon te "knopen" zonder één letter javascript, of
zonder uiterst ingewikkelde css-constructies. Als je doorhebt hoe het werkt kan je aan elke
class of id (of wat dan ook) deze procedure "koppelen". CSS-selectors zijn een heel
krachtig stukje gereedschap voor een website. Als je in jouw style-sheet plaatst:
a[href $='.jpg']{
padding-right:20px;
background:transparent url(http://static.dns5.nl/image.gif) no-repeat center right}
zal elke link met daarin de extensie ".jpg", keurig netjes aan de rechterkant een
icoontje van een plaatje krijgen. Het dollarteken achter de "href" wil niets anders zeggen dan:
Als het einde van de waarde van href .jpg is dan voer ik de css-code uit.
Hieronder heb ik alle mogelijke condities neergezet. 't spreekt voor zich..
[willekeurige-naam] heeft een attribuut "willekeurige-naam".
[willekeurige-naam="iets"] heeft een attribuut "willekeurige-naam" met de waarde "iets".
[willekeurige-naam~="iets"] waarde komt voor in een willekeurige reeks ("doe iets nuttigs").
[willekeurige-naam^="iets"] waarde begint met "iets" ("iets-beter").
[willekeurige-naam$="iets"] waarde eindigt met "iets" ("er was toch iets").
[willekeurige-naam*="iets"] waarde kan overal in de string zijn("ik was niets vergeten")
Ik herhaal het nog maar een keer (voor alle duidelijkheid): je kan met deze selectors alles(!) benaderen; zelfs jouw eigen gedefinieerde zaken. Al zal je het niet nodig hebben: de broncode van deze css-selector pagina is voorhanden.
cache 17-09-2010