Now I need a selector to apply style sheet, which can be either id, class, html tag or html tag attribute. step 1-3 ) to get html definition of selected element in developer tool. In this example I want to change Padding, Font-size and Font-Weight of list view Header. Įxample: To get the CSS selector and write style property
Now based on this html definition you can get selector for CSS or jQuery. At the same time, its HTML definition is displayed, in context, in the Inspector’s left-hand pane. Now as you move your mouse around the page, the element under your mouse is highlighted with a dotted border and an annotation displays its HTML tag.
Or press Ctrl+Shift+I to activate developer tool.Īll of the above-mentioned options will either show developer tool option on bottom-half of your browser or as separate popup window, with the HTML source of current page.Ĭlick on the Inspector Icon (refer bellow image), to activate browser inspector. Or you can use the short cut key for Inspector which is F-12. Soon after you right click a pop-up menu will appear on screen, in this menu select Inspect Element (The element in browsers where you have right click for that html definition will be selected by default) Right-clickon any element in browsers, such as a photo or some content area. To Access developer tool proceed with one of below option With the help of Web Page Inspector we can easily examine HTML definition and get CSS or jQuery selector.Īll modern browsers have web inspectors, for example like Chrome and safari have common web inspector with similar functionality while IE have IE inspector and Firefox have its own web inspector.
0 kommentar(er)
