Question: Consider the following three scenarios...

**Scenario A**

```
@import "reset.css";
/* ... */
p {margin:1em 0;}
/* ... */
p#copyright {margin:0; padding:10px;}

```

In Scenario A, a *generic* rule is applied to all `<p>` elements that gives it top and bottom margins, so that the paragraphs are properly spaced when used in the HTML. But, by doing so, this causes cases where a `<p>` element now needs its generic margins removed for decorative purposes, e.g. the Copyright at the foot of the document must have no margins.

**Scenario B**

```
@import "reset.css";
/* ... */
div.content_body p,
div.sidebar_body p {margin:1em 0;}
/* ... */
p#copyright {padding:10px;}

```

In Scenario B, it is assumed that `<p>` elements don't need top and bottom margins unless *explicitly defined*. Here the Content and Sidebar elements will need well-spaced paragraphs

**Scenario C**

```
@import "reset.css";
/* ... */
p.spaced {margin:1em 0;}
/* ... */
p#copyright {padding:10px;}

```

In Scenario C, only `<p>` elements with a class `spaced` will have top and bottom margins applied.

**Questions:**

Which is the better scenario to use, and more importantly why?
What impact does each scenario have on:

* browser CSS performance
* CSS weight and maintainability
* the proliferation of UI defects

If you had to add a new widget that needed flowing paragraphs, which scenario would be better for you?

Thanks!

Answer: 
Generic first because it's better to allow all first and then block fews later. :)
**D None of the above**

```
@import ""; // don't need this
p { } // don't need this
ul#footer li { padding: 10px }

```

* Browsers manufacturers know an awful lot about their technology in particular and about typography and layout in general. A 'reset' is a great way of disposing of all that aggregated experience. Browser default behaviour is a good thing and should only be overwritten in exceptional circumstances. Different browsers *do* look a bit different. This is not a bad thing. See: <http://dowebsitesneedtolookexactlythesameineverybrowser.com/>
* A copyright citation is not a paragraph of text. It is *probably* one among several items in a list of supporting information about the page in question. If not, it is a list of one.