[csswg-drafts] [css-cascade] Make an example easier to understand

xfq has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-cascade] Make an example easier to understand ==
I think an 
[example](https://github.com/w3c/csswg-drafts/blob/e9ecba7e0293c5c150d3c6ae1559da5194cb89a3/css-cascade/Overview.bs#L825-L846)
 in the Important Declarations section can be improved.

That example includes six rules from two style sheets, and uses a long
 paragraph to explain which value/declaration is the winning one. 
Although the explanation is correct, it is not very intuitive.

IMHO adding something like the following after the `</pre>` (no need 
to remove the explanation paragraph) will make the example easier to 
grasp:

```
<table class="data">
        <thead>
                <tr>
                        <th>Property
                        <th>Winning value
        <tbody>
                <tr>
                        <th>'text-indent'
                        <td><css>1em</css>
                <tr>
                        <th>'font-style'
                        <td><css>italic</css>
                <tr>
                        <th>'font-size'
                        <td><css>12pt</css>
                <tr>
                        <th>'font-family'
                        <td><css>sans-serif</css>
</table>
```

Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/664 using your GitHub 
account

Received on Saturday, 29 October 2016 07:26:59 UTC