Question: I'm looking to style a li element, and would like to modify this CSS property:

```
li:before {
    color: blue; 
}

```

However, I am restricted to only using html, inline, styling. I don't have access to the section of the document I'm working on. 

Is what I am trying to do, doable, and, if so, how?

Answer: 
You can insert a new stylesheet inline with the following HTML:

```
<style>
  li:before { color: red; }
</style>

```

The reason this is the only way to do it is that `:before` is a pseudo-element, meaning that it doesn't actually become part of the DOM. Unfortunately, this means there is no way to style it `inline`, as requested.

As an example:

```
<li style="color: red;">text</li>

```

would style the entire `LI` element, not just it's `:before` pseudo-element, and because the `:before` element has no markup, it can not have it's own `style=` property.
You can add:

```
<style scoped>
    li:before {
        color: red;
    }
</style>

```

Anywhere as a direct child of the `<body>` element and it will apply to the whole page, while also being valid HTML5.