mdn / mdn/content

Unclear instructions about editing CSS properties

Open
#44,144 3 comments 0 reactions 1 assignee Claimed by @chrisdavidmills View on GitHub
Content:Learn:CSS
Dominant language
Markdown
Stars
11k
Forks
23.2k
Avg merge
2d 9h
Merged PRs (30d)
331

Description

### MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts

### What specific section or headline is this issue about?

Playing with inheritance control properties

### What information was incorrect, unhelpful, or incomplete?

Perhaps the instructions in item 4 of [this section](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts#playing_with_inheritance_control_properties) could be phrased better?

> After reading the next section on resetting all properties, come back and change the `color` property to `all`. Notice how the second link is on a new line and has a bullet. What properties do you think were inherited?

```css
body {
color: green;
}

.my-class-1 a {
all: inherit;
}

.my-class-2 a {
all: initial;
}

.my-class-3 a {
all: unset;
}
```

If one just replaces the `color` property with the `all` property in the `body` rule, then the result is `all: green;`, but `green` is not a valid value for `all`. As a beginner user of CSS, it was not immediately clear to me that I should be replacing the `color` property with the `all` property in the `a` rules instead of the `body` rule.

### What did you expect to see?

Perhaps it should state explicitly what rules the change should apply to:
> After reading the next section on resetting all properties, come back and replace the `color` property with the `all` property in the `a` rules. Notice how the second link is on a new line and has a bullet. What properties do you think were inherited?

Also, maybe it would be worth adding an explanation of why the second link is on a new line and has a bullet.

### Do you have any supporting links, references, or citations?

_No response_

### Do you have anything more you want to share?

_No response_

### MDN metadata

Page report details

* Folder: `en-us/learn_web_development/core/styling_basics/handling_conflicts`
* MDN URL: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts
* GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn_web_development/core/styling_basics/handling_conflicts/index.md
* Last commit: https://github.com/mdn/content/commit/2b4a2ad5d9ba084a9eaa2f9204102655e7b575c4
* Document last modified: 2025-12-19T19:59:21.000Z

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.