705261 - Struck through rule name calculation in style inspector wrong?

Status: NEW

(Firefox :: General, defect)

Description

[Stefan]

User Agent:  

Steps to reproduce:

1. Open http://www.lto.de/.
2. Right click at first headline ("DB-Chef Grube ...") Inspect Element
3. Click at button "Style".
4. Unckeck the struck trough rule "font-size: 16px" (_compiled_LTO.css:410)


Actual results:

4. Headline font shrinks.


Expected results:

4. Headline font size remains unchanged.

Comment 1

[Stefan]

Maybe related to
Last Comment Bug 680111 - style inspector is not showing the correct selected rule

Comment 2

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Attachment: Screenshot of supposed specificity error

The headlines obviously change but inspecting the first red headline will work just fine.

The problem is probably best explained using the attached screenshot from the style inspector.

The selector that is actually applies the font size targets the a tags parent:
.content .col-content h1 {             _compiled_LTO.css:410 (simplified)
  font-size:16px;
}

The a tag receives it's font size from:
a {                                    _compiled_LTO.css:185 (simplified)
  font-size: 100%;
}

So the font size is 100% of it's parent's font size. Changing it's parent's font size will affect the element's font.

So there is no problem with specificity here, rather a UI challenge. If a parent has a font-size of 16px and a child a font-size of 100% then I would say that both font sizes should be visible ... this is what we do in the computed style view..