Question: For example, if I have:

```
<div id="divtochangeFont">
    <p>This will change font size</p>
    <p stlye="font-size: 10px">This will not change font size</p>
</div>

```

Now I want to resize font with jQuery in all div content. For example, with simple jQuery:

```
$("#divtochangeFont").css("font-size","16px");

```

But it changes only in first paragraph. How to override all defined font-size attributes in div?

PS: Scale effect can't be used...

Answer: 
```
$("#divtochangeFont * ").css({"font-size": "16px","color": "orange"});

```

you only need to take all children of your div
Try something like this, so you won't need to worry about other elements

```
$("#divtochangeFont").addClass("important").css("font-size","16px");

```

[How to apply !important using .css()?](https://stackoverflow.com/questions/2655925/jquery-css-applying-important-styles)