css: how to get the browser's default font family


Tags: html,css

Problem :

I'm new with css and maybe this question is trivial, but I have googled a little and I didn't find what I'm looking for.

I have declared a font-family for all my site. Now, I want to override the font family for some sections. I need the browser's default font family. How can I specify the browser's default font family in a css?

.browser-defatults {
   font-family: ?????
}

Thanks in advanced.

EDIT: Maybe I need to ignore all styles, how could I do this?



Solution :

From what I know CSS doesn't offer an option to ignore all previous user styles for a property.

A work-around to your problem may be to use a generic font-family,

font-family: serif;

and let the browser choose.


    CSS Howto..

    How can display table-row behave like colspan=3

    How to keep curved borders using css 3

    How do I add a CSS class to a BoundField, so I can find it with jQuery?

    How to pass a css % parameter in javascript/jquery

    How to make the width of a div in the middle responsive

    How to make a transition in height without knowing the height before?

    How to precompile scss to a single css file in webpack?

    How to get image info from css into MasterPage'gridview?

    How to keep links and hover effects on my icon-fonts isolated with CSS

    How to apply format depending on absence of a CSS class?

    How to position the twitter widget

    How can I make responsive image take up 100% of its parent's height?

    How do I use a variable to get CSS info on an element?

    how to set equal font size in table cells for mobile device html pages

    CSS: how to do away with automatic rescaling of font-size on Safari

    html - how to make images stay on certain part of background

    howto hide outline on a form

    How to change css background color dynamically in php using color from database

    How to specify image paths in CSS files?

    How to disable temporary cursor with javascript?

    jQuery UI Tooltip with Arrow, why/how does this code work?

    In html how do I have table within table look visually the same as if I didnt have the inner table

    how to change size of the element using css?

    How to specify styles for h:panelgrid in jsf

    How to hide text without ID?

    How do I hide text that is not wrapped in

    or ?

    JQuery: how to make this variable negative before declaring it as a CSS value?

    How to apply the CSS of navbar-inverse in twitter-bootstrap

    GTK+ 3 CSS: How to specify text alignment for a label?

    How to change Jquery terminal cursor shape? I want it to be '|' not a block