Selecting a div container

Question

How can I select the likebtn container with CSS?

selector screenshot

I have tried several combinations, for example "#meta #likebtn{}" or "#likebtn{}" and it did not work. Why does this work?

As you can see in the lower-right part of the screenshot the div is referred to as `div#likebtn`. Did you try that? — Nadir Sampaoli, May 27 '12 at 10:23
Did the given answer work for you? If not, do let me know :) — Ja͢ck, Oct 09 '12 at 10:02

score 5 · Answer 1 · answered May 27 '12 at 10:27

First, you target it as direct as possible:

#likebtn {
    /* desired style changes here */
}

Then open your developer tools and check the style inspector; if your CSS rules are being overridden somewhere it will tell you what selector was used to override it.

For instance, this could override your rule:

#meta #likebtn

The next step is to either:

declare your rule with the same selector after the earlier declaration or,
be more precise.

Selecting a div container

1 Answers1