Closed
Bug 347296
Opened 20 years ago
Closed 20 years ago
CSS first-line and first-letter pseudo class selectors don't work with UL and LI.
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: temp, Assigned: dbaron)
Details
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-GB; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-GB; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Test case for comparison with MSIE6 on Win98:
<html>
<head>
<title>Hover List Using UL and LI</title>
<style>
*
{
font-family: arial;
}
ul
{
font-size: 8pt;
list-style: disc outside;
margin: 0 0 0 20px;
padding: 0;
}
li
{
font-size: 8pt;
line-height: 11pt;
margin: 0;
padding: 0px 5px;
}
.hover
{
background: #eee;
color: #c00;
}
.hover:first-line /* Doesn't work in Firefox */
{
background: #ddd;
color: #008;
}
.hover:first-letter /* Doesn't work in Firefox */
{
background: #ff0;
color: #f00;
}
</style>
<script type="text/javascript">
function Init ()
{
var a_lis = document.getElementsByTagName ("li");
for (var i = 0; i < a_lis.length; i++)
{
a_lis [i].onmouseover = Hover;
a_lis [i].onmouseout = function () {this.className = "";}
}
}
function Hover (e)
{
this.className = "hover";
if (e)
{
e.cancelBubble = true;
e.returnValue = false;
}
else
{
event.cancelBubble = true;
event.returnValue = false;
}
return false;
}
window.onload = Init;
</script>
</head>
<body>
<h1>Hover List Using UL and LI</h1>
<p>CSS first-line and first-letter selectors don't work with UL and LI</p>
<ul>
<li>
Section1:
<ul>
<li>
Feature 1
</li>
<li>
Feature 2
</li>
<li>
Feature 3
</li>
<li>
Feature 4
</li>
</ul>
</li>
<li style="margin-top: 1em;">
Section2
<ul>
<li>
Feature 1
</li>
<li>
Feature 2
</li>
<li>
Feature 3
</li>
<li>
Feature 4
<ul>
<li>
Detail 1
</li>
<li>
Detail 2
</li>
<li>
Detail 3
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
Reproducible: Always
Steps to Reproduce:
See the example html in the Details section.
Actual Results:
FF1.5.0.6 ignores the first-line and first-letter CSS psuedo class selectors.
Expected Results:
Should be rendered as in MSIE6.
Updated•20 years ago
|
Assignee: nobody → dbaron
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → ian
Version: unspecified → 1.8 Branch
Comment 1•20 years ago
|
||
*** This bug has been marked as a duplicate of 8253 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•