auto merge of #3635 : SimonSapin/servo/ua-stylesheet, r=pcwalton

Based on https://html.spec.whatwg.org/multipage/rendering.html rather than http://dev.w3.org/csswg/css2/grammar.html

Fixes #3629.

r? @pcwalton
This commit is contained in:
bors-servo 2014-10-13 12:21:44 -06:00
commit 6e3c776387
18 changed files with 891 additions and 152 deletions

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Attribute selector case-sensitivity: [foo=bar] and [foo=bar i]</title>
<style>
p[data-foo=Bar] { color: green }
p[data-foo=bar] { color: red }
p[data-foo=baz i] { color: green }
p[data-foo=baz] { color: red }
</style>
</head>
<body>
<p data-foo="Bar">This text should be green.</p>
<p data-foo="Baz">This text should be green.</p>
<p>This text should be black.</p>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Attribute selector case-sensitivity: [foo=bar] and [foo=bar i]</title>
<style>
p[data-foo=Bar] { color: green }
p[data-foo=bar] { color: red }
p[data-foo=baz i] { color: green }
p[data-foo=baz] { color: red }
</style>
</head>
<body>
<p style="color: green">This text should be green.</p>
<p style="color: green">This text should be green.</p>
<p>This text should be black.</p>
</body>
</html>

View file

@ -30,6 +30,7 @@
# inline_border_a.html inline_border_b.html
== anon_block_inherit_a.html anon_block_inherit_b.html
== attr_exists_selector.html attr_exists_selector_ref.html
== attr_selector_case_sensitivity.html attr_selector_case_sensitivity_ref.html
!= noteq_attr_exists_selector.html attr_exists_selector_ref.html
== data_img_a.html data_img_b.html
== background_style_attr.html background_ref.html

View file

@ -7,6 +7,7 @@
float: left;
width: 300px;
height: 300px;
border: none;
}
</style>
</head>

View file

@ -1,7 +1,7 @@
<html>
<body>
<iframe src="data:text/html,%3Cdiv%20style%3D%22background%3Agreen%3B%20width%3A%20200px%3B%20height%3A%20200px%3B%22%3E%3C%2Fdiv%3E"
style="display: block; width: 108px; height: 108px;">
style="display: block; width: 108px; height: 108px; border: none">
</iframe>
</div>
</body>

View file

@ -6,7 +6,7 @@
<table>
<tbody>
<tr>
<td>
<td style="padding: 0">
<span>12345<span>67890</span></span>
</td>
</tr>

View file

@ -6,7 +6,7 @@
<table>
<tbody>
<tr>
<td>
<td style="padding: 0">
<span>1234567890</span>
</td>
</tr>

View file

@ -14,7 +14,7 @@
<table class="rel">
<tbody>
<tr class="abs">
<td>Don't crash!</td>
<td style="padding: 0">Don't crash!</td>
</tr>
</tbody>
</table>

View file

@ -6,7 +6,7 @@
<table>
<tbody>
<tr>
<td>Don't crash!</td>
<td style="padding: 0">Don't crash!</td>
</tr>
</tbody>
</table>

View file

@ -15,9 +15,11 @@
table {
background:green;
padding: 150px;
box-sizing: content-box;
}
th {
color: yellow;
padding: 0;
}
</style>
</head>