Safari en CSS

Om te kijken hoe wordt bepaald welke stijl je gebruikt in je pagina, kan je in Safari de volgende zaken goed gebruiken.

Vink bij de voorkeuren van Safari, in het tabblad ‘Geavanceerd’ de optie ‘Ontwikkel-menu’ in menubalk tonen aan:

Zet de muis op het deel van de pagina, waarvan je de stijl wilt weten, en klik met de rechter muisknop op ‘Inspecteer Element’:

Onder in Safari verschijnt dan onderin het ontwikkel scherm:

Met aan de rechterzijde een reeks uitklap menus.

Als je nu in het ontwikkelscherm een element aanklikt, kan je rechts met het menu ‘Berekende stijl’ zien hoe de stijl van het element bepaald wordt:

De andere menu’s kan je uitklappen, helemaal rechts staat in welk bestand, en op welke regel, een stijlkenmerk bepaald wirdt:

Ik kan je adviseren om de plugin WP Advanced Code Editor te installeren, die helpt je bij het vinden van de regelnummer.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *