{"id":1408,"date":"2008-12-29T15:03:51","date_gmt":"2008-12-29T14:03:51","guid":{"rendered":"http:\/\/hlrnet.com\/technoblog\/?p=1408"},"modified":"2008-12-21T21:11:50","modified_gmt":"2008-12-21T20:11:50","slug":"meerdere-css-op-een-pagina","status":"publish","type":"post","link":"https:\/\/hlrnet.com\/technoblog\/inicio\/meerdere-css-op-een-pagina\/","title":{"rendered":"Meerdere CSS op \u00e9\u00e9n pagina"},"content":{"rendered":"<p>Het is mogelijk om aan \u00e9\u00e9n pagina meerdere stylesheets te hangen en de gebruiker te laten kiezen welke stylesheet effectief gebruikt wordt. Bijvoorbeeld, als je met IE8 surft naar\u00c2\u00a0 en klikt op Page, Style, krijg je de volgende keuzelijst te zien:<\/p>\n<p><a href=\"http:\/\/hlrnet.com\/technoblog\/wp-content\/uploads\/2008\/12\/ie8multiplecss.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1409\" title=\"ie8multiplecss\" src=\"http:\/\/hlrnet.com\/technoblog\/wp-content\/uploads\/2008\/12\/ie8multiplecss-300x220.jpg\" alt=\"\" width=\"300\" height=\"220\" srcset=\"https:\/\/hlrnet.com\/technoblog\/wp-content\/uploads\/2008\/12\/ie8multiplecss-300x220.jpg 300w, https:\/\/hlrnet.com\/technoblog\/wp-content\/uploads\/2008\/12\/ie8multiplecss.jpg 609w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Hoe is dat gedaan? Voor elk van de stylesheets is er een lijn gemaakt in de HEAD sectie die er uit ziet als<br \/>\n&lt;link rel=&#8221;alternate stylesheet&#8221; title=&#8221;Gold (left, fixed) + navbar&#8221; href=&#8221;..\/..\/threepart-left-f.css&#8221;&gt;<br \/>\n&lt;link rel=&#8221;alternate stylesheet&#8221;title=&#8221;Gold (right, fixed)&#8221; href=&#8221;..\/..\/threepart-nobanner-f.css&#8221;&gt;<br \/>\n&lt;link rel=&#8221;alternate stylesheet&#8221;title=&#8221;Gold (left, fixed)&#8221; href=&#8221;..\/..\/threepart-left-nobanner-f.css&#8221;&gt;<\/p>\n<p><a href=\"http:\/\/blogs.msdn.com\/ie\/archive\/2008\/12\/16\/the-css-corner-alternate-style-sheets.aspx\">IE blog<\/a> geeft toe dat dit weinig verspreid is omdat IE tot nu toe deze mogelijkheid niet ondersteunde. Maar misschien is het moment nu aangebroken voor de webmasters opm te gaan experimenteren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Het is mogelijk om aan \u00e9\u00e9n pagina meerdere stylesheets te hangen en de gebruiker te laten kiezen welke stylesheet effectief gebruikt wordt. Bijvoorbeeld, als je met IE8 surft naar\u00c2\u00a0 en klikt op Page, Style, krijg je de volgende keuzelijst te zien: Hoe is dat gedaan? Voor elk van de stylesheets<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":0,"footnotes":""},"categories":[9],"tags":[125,91],"class_list":["post-1408","post","type-post","status-publish","format-standard","hentry","category-webweaving","tag-css","tag-ie8"],"publishpress_future_action":{"enabled":false,"date":"2026-05-03 11:42:38","action":"delete","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/posts\/1408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/comments?post=1408"}],"version-history":[{"count":0,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/posts\/1408\/revisions"}],"wp:attachment":[{"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/media?parent=1408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/categories?post=1408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hlrnet.com\/technoblog\/inicio\/wp-json\/wp\/v2\/tags?post=1408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}