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, #divtochangeFont *").css("font-size", "16px");

```
Since you're setting the font on the parent div, the child p with a font-size of 10px has precedence for that paragraph. (That's the cascading in CSS.)

What frank blizzard suggests will work. Personally, I'd just change your selector if #divtochangeFont only contains p's.

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

```