To view user-agent styles ( i.e., browser-default CSS rules), enable “Inspector > Show Browser Styles” under the developer tool settings panel. See Examine grid layouts for more on this. Click that icon to display the grid overlaid on the page, including grid lines and tracks. If the element has a display: grid declaration, then it gets a grid icon next to it, like this. See overridden declarations.Įnable/disable: if you hover over a declaration, a checkbox appears next to it: you can use this to toggle the declaration on or off.įilename and line number: on the right-hand side is a link to the rule. Inactive rules (not shown): if a rule is inactive (e.g., padding on a :visited pseudo-element), it is colored gray, with an info icon that gives more information when clicked.įilter rules containing this property: next to overridden declarations is an icon you can click to filter the rules list to show only those rules that include that property. Overridden declaration: declarations that are overridden by later rules are crossed out. Highlight matched elements: next to the selector is a target icon: click this to highlight all nodes in the page that match this selector. It displays each rule as in a stylesheet, with a list of selectors followed by a list of property:value declarations. Getting Set Up To Work On The Firefox Codebase.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |