CSS pitanje - kako ispravno napisati pravilo...

Pozdrav, imam sledeci problem... prepravljam neki Wordpress template, i boja polja za widgete u sidebaru je definisana na sledeci nacin:

.post_wrapper, .pagination a, .pagination a:active, .pagination a.active, .social_profile, #content_wrapper .sidebar .content .sidebar_widget > li, .ads125, .ads468
{
background: #191919;}

I sada, ja hocu da promenim boju samo jednom od tih polja. HTML tog polja izgleda ovako:


<div id="content_wrapper">
<div class="inner">
<div class="inner_wrapper">
<div class="sidebar_content">
<div class="sidebar_wrapper">
<div class="sidebar">
<div class="content">
<ul class="sidebar_widget">
<li id="as_facebook_mem_likebox_widgets" class="widget widget_as_facebook_mem_likebox">.....

Probao sam da dodam u css nesto poput:

#as_facebook_mem_likebox_widgets li {
background-color:....
}

Medjutim nije bilo nikakvog efekta. Da li neko moze da mi da neki savet kako bih trebao napisati ovo pravilo?

Pozz

#as_facebook_mem_likebox_widgets li bi bilo za polje li koje se nalazi u polju #as_facebook_mem_likebox_widgets

pokušaj ovako
#as_facebook_mem_likebox_widgets {

}

Potpis

SlaveNewWorld

Ne, nece ni tako...

Nije bas najsrecnije resenje, ali bi trebalo da radi...

#as_facebook_mem_likebox_widgets {background:#123456 !important;}

Probao sam i to ali nece ni tako. Fora je sto kada ubacim u css:

#as_facebook_mem_likebox_widgets {...}

i posle pogledam taj element u Firebugu ovo pravilo se uopste ne pojavljuje vec samo ono glavno (cak i kada dodam !important)...

Jesi li to izdvojeno pravilo stavio pre ili posle skupa svih pravila?

Ako si stavio pre, onda je logično što neće.

Novo izdvojeno pravilo onda biva "pregaženo" od default skupa pravila.

Reci mi jel' za tu određenu stranicu, tu gde hoćeš da menjaš boju, ... body tag, jel' ima body tag neki id?

npr. <body id="page-id"> ..

Ako ima, onda

body#page-id li#as_facebook_mem_likebox_widgets { background:#dadada; }

Sve u svemu, ide li#as_facebook_mem_likebox_widgets a ne #as_facebook_mem_likebox_widgets li

jer ti je sami html takav <li id="as_facebook_mem_likebox_widgets">

a imaš još, ne jednu već dve dodatne klase nakačene na taj li element, nakon id atributa.

Ako si dobro ispisao...


Dakle, mož' da bude i:

body#page-id li#as_facebook_mem_likebox_widgets .widget.widget_as_facebook_mem_likebox { background:COLOR_Name;}

Probaš prvo bez body#something (page-id) .

Obrati pažnju da u css-u možeš po dve (nisam siguran da li može i više klasa) u jednom mahu i radiće.

A to ta tema koju prepravljaš koliko vidim, koristi uveliko.

Dakle validno je ako napišeš - <div class="class1 class2"></div>

KAo što je ovde slučaj

.... class="widget widget_as_facebook_mem_likebox">

Potpis

about:networking