# Source order

When two rules are equally strong, the later one wins.

## What is **source order** in CSS?

**Source order** is the order rules appear in. When two rules are equally strong, the one that comes later wins.

```css
.button { background: blue; }
.button { background: green; }   /* green wins: it comes last */
```

Level: Novice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/novice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/source-order