Skip to content

Commit 3fdc809

Browse files
fantasaifantasai
committed
[css-cascade-4] Clarify that revert only affects cascaded value, not inherited value.
1 parent 47a0110 commit 3fdc809

3 files changed

Lines changed: 101 additions & 4 deletions

File tree

‎css-cascade/Overview.bs‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -948,19 +948,25 @@ Rolling Back The Cascade: the ''revert'' keyword</h4>
948948

949949
<dt>user origin
950950
<dd>
951-
Rolls back the cascade to the user-agent level,
952-
so that the <a>specified value</a> is calculated as if no author-level or user-level rules were specified for this property.
951+
Rolls back the <a>cascaded value</a> to the user-agent level,
952+
so that the <a>specified value</a> is calculated as if no author-level or user-level rules were specified for this property on this element.
953953

954954
<dt>author origin
955955
<dd>
956-
Rolls back the cascade to the user level,
957-
so that the <a>specified value</a> is calculated as if no author-level rules were specified for this property.
956+
Rolls back the <a>cascaded value</a> to the user level,
957+
so that the <a>specified value</a> is calculated as if no author-level rules were specified for this property on this element.
958958
For the purpose of ''revert'', this origin includes the Override and Animation <a>origins</a>.
959959
</dl>
960960

961961
<h2 id="changes">
962962
Changes</h2>
963963

964+
Changes since the <a href="https://www.w3.org/TR/2016/CR-css-cascade-4-20160114/">14 January 2016 Working Draft</a> include:
965+
966+
<ul>
967+
<li>Clarify that ''revert'' only affects the cascaded value, not the inherited value.
968+
</ul>
969+
964970
Changes since the <a href="https://www.w3.org/TR/2015/WD-css-cascade-4-20150421/">21 April 2015 Working Draft</a> include:
965971

966972
<ul>

‎css-cascade/issues-cr-2016.bsi‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
Draft: https://www.w3.org/TR/2016/CR-css-cascade-4-20160114/
2+
Title: CSS Cascading and Inheritance Level 4
3+
4+
----
5+
Issue 1.
6+
Summary: Confusion over 'revert'
7+
From: Shane Stevens
8+
Comment: Revert depending on rolling back cascading and inheritance is hard
9+
Response: It only affects the cascaded value, not the inherited value. Will clarify.
10+
Changes:
11+
Closed: Accepted
12+
Verified: TPAC 2016
13+
Resolved: Editorial
14+
----

‎css-cascade/issues-cr-2016.html‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Cascading and Inheritance Level 4 Disposition of Comments for 2016-01-14 CR</title>
4+
<style type="text/css">
5+
pre { border: solid thin silver; padding: 0.2em; white-space: normal; }
6+
pre > span { display: block; white-space: pre; }
7+
:not(pre).a { background: lightgreen }
8+
:not(pre).d { background: lightblue }
9+
:not(pre).oi { background: yellow }
10+
:not(pre).r { background: orange }
11+
:not(pre).fo { background: red }
12+
.open { border: solid red; }
13+
:target { box-shadow: 0.25em 0.25em 0.25em; }
14+
</style>
15+
16+
<h1>CSS Cascading and Inheritance Level 4 Disposition of Comments for 2016-01-14 CR</h1>
17+
18+
<p>Dated Draft: <a href="https://www.w3.org/TR/2016/CR-css-cascade-4-20160114/">https://www.w3.org/TR/2016/CR-css-cascade-4-20160114/</a>
19+
20+
<p>Editor's Draft: <a href="http://drafts.csswg.org/css-cascade-4/">http://drafts.csswg.org/css-cascade-4/</a>
21+
22+
<p>The following color coding convention is used for comments:</p>
23+
24+
<ul>
25+
<li class="a">Accepted or Rejected and positive response
26+
<li class="r">Rejected and no response
27+
<li class="fo">Rejected and negative response
28+
<li class="d">Deferred
29+
<li class="oi">Out-of-Scope or Invalid and not verified
30+
</ul>
31+
32+
<p class=open>Open issues are marked like this</p>
33+
34+
<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
35+
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
36+
<code>Verified</code> indicates commentor's acceptance of the response.</p>
37+
<pre class=' a' id='issue-1'>
38+
<span>Issue 1. <a href='#issue-1'>#</a></span>
39+
<span>Summary: Confusion over 'revert'</span>
40+
<span>From: Shane Stevens</span>
41+
<span>Comment: Revert depending on rolling back cascading and inheritance is hard</span>
42+
<span>Response: It only affects the cascaded value, not the inherited value. Will clarify.</span>
43+
<span>Changes:</span>
44+
<span class="a">Closed: Accepted</span>
45+
<span class="a">Verified: TPAC 2016</span>
46+
<span>Resolved: Editorial</span></pre>
47+
<script>
48+
(function () {
49+
var sheet = document.styleSheets[0];
50+
function addCheckbox(className) {
51+
var element = document.querySelector('*.' + className);
52+
var span = document.createElement('span');
53+
span.innerHTML = element.innerHTML;
54+
element.innerHTML = null;
55+
var check = document.createElement('input');
56+
check.type = 'checkbox';
57+
if (className == 'open') {
58+
check.checked = false;
59+
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
60+
check.onchange = function (e) {
61+
rule.style.display = this.checked ? 'none' : 'block';
62+
}
63+
}
64+
else {
65+
check.checked = true;
66+
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
67+
check.onchange = function (e) {
68+
rule.style.display = this.checked ? 'block' : 'none';
69+
}
70+
}
71+
var rule = sheet.cssRules[sheet.cssRules.length - 1];
72+
element.appendChild(check);
73+
element.appendChild(span);
74+
}
75+
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
76+
}());
77+
</script>

0 commit comments

Comments
 (0)