Doesn't CSS cascade anymore ??? Chrome renders CSS even though doesn't show in Firebug.

Posted on 2011-10-20
Last Modified: 2012-05-12
Hello, on this page
I am targetting the name on top of the page.
It is nested inside a bunch of divs.

<div class="field field-name-field-name field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">Ali Torkzadeh</div></div></div>

Open in new window

So I am writing CSS targetting the top div:

div.field-name-field-name {
font-size: 1.5em;

It  does not show up in FF 3.6 ! It does not show up in Firebug.
It shows up in chrome, but it does not show in Firebug Lite.

So I go deeper down to the very div the content is in:

div.field-name-field-name .field-items .field-item {
font-size: 1.5em;

The result is stil the same. Doesn't work in FF 3.6.

I don't get it. Why doesn't it work in FF and why doesn't it show up in Firebug?

If it doesn't show in firebug, then why does chrome render it?
Question by:polaatx
    LVL 30

    Expert Comment

    It's not showing up in FF for me either. It's not even in the file.

    It is showing up in Chrome for me as well. Did you make this CSS file or did it come with the theme/plugin/etc?
    LVL 11

    Accepted Solution

    It's possibly related to this css error (you can view it by turning css errors on in the console and reloading):

    Unexpected end of file while searching for end of @media or @-moz-document rule. Unexpected end of file while searching for '}'.
    [Break On This Error] (204 out of range 203)
    all.css?ltdgdr (line 204)

    Open in new window

    The block in question works as I added it to the they style tag in the header and it rendered it fine. Guessing it works in chrome since chrome is ignoring the -moz-linear-gradient attribute.

    Author Comment


    adding the missing closing { in all.css fixed it.

    @media screen and (-webkit-min-device-pixel-ratio:0) { div.node-project-teaser { /* adjusts spacing for chrome and safari */
    margin-right: 4px;
    margin-bottom: 8px;

    Open in new window

    But didn't fix the  -moz-linear-gradient attribute yet.


    1. Where would you put the missing "(" ?

    2. How did you generate the error statement? You mention "console". Is that part of Firebug?  Could you please walk me thru how to run my css through this console.

    LZ1: the CSS was stuff I added myself by linking a new CSS sheet to a template made for Drupal7.
    LVL 11

    Expert Comment

    I'm not familiar with the -moz-linear-gradient parameter so I'm not sure what correct formatting of it would be at this point. I will try and look it up if I get a chance.

    Yes, I found the error in the firebug console. If you click on the arrow of the console tab, you can turn certain logging on and off. One of them is CSS Errors. Turn it on and reload the page and you should see them.

    Author Closing Comment

    Thank you very much.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    What Should I Do With This Threat Intelligence?

    Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

    I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
    This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
    This Micro Tutorial will demonstrate Moz's free MozBar that for some reason our Facebook mark did not get ported over, so this tutorial will show you how it saved us.
    This Micro Tutorial will demonstrate how to updated your Facebook updates after changing anything in the title or description of a shared article.

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now