CSS keeping parent rules instead of class -


in situation:

<ul id="menu_pages">                       <li class="menu_pages_title">                         <div id="menu_pages_container">                             <a href="#">aaa</a>                             <div class="page_content">                              <div class="page_content_actions">                                     <a class="edit" href="#">bbb</a>                             </div>                                 test 1                             </div>                         </div>                     </li>  </ul>  ul#menu_pages li{     margin-bottom: 10px; }      ul#menu_pages li a:link,ul#menu_pages li a:active,ul#menu_pages li a:visited{         display:block;         padding:5px;         border:1px solid #c3d5df;         line-height:25px;         font-size: 15px;         font-weight: bold;         color:#c3d5df;  }  div.page_content_actions li a.edit:link, div.page_content_actions a.edit:active, div.page_content_actions a.edit:visited {                     background: url('/site_images/page_edit.png') left no-repeat;                     display:block;                     padding:0;                     border:0;                     font-size: 11px;                     font-weight: bold;                     color:#fff;                  }

the .edit class should own rules set (inside .page_content_actions) instead .edit getting background, rest coming general #menu_pages li a. why that?

css follows specificity rules, means if have 2 classes might both apply, weighed out , more specific 1 applied. see excellent article more in-depth explanation:

http://htmldog.com/guides/cssadvanced/specificity/

in case, #menu_pages li a has specificity of 102 (100 id selector , 1+1 2 html element selectors) while a.edit has specificity of 11 (10 class selector , 1 html selector). either reduce specificity of first or increase specificity of second achieve desired effect.

additionally, use !important @ end of rule want override rule higher specificity. note must applied each style individually.


Comments

Post a Comment

Popular posts from this blog

Add email recipient to all new Trac tickets -

is there configuration change can made trac send notification email address upon creation of new tickets? if can't done through config, plugin second best option, source code modification last resort. note: setting smtp_always_cc in notification section of tracini send messages on updates. i'm in need of email notifications only on creation of new ticket. does have email notification? 1 option have create query list ten (or many) recently-created tickets. when looking @ results of query, use "rss feed" button @ bottom of page subscribe feed notify whenever results of query updated.
Read more

400 Bad Request on Apache/PHP AddHandler wrapper -

i'm trying create wrapper/handler called on apache server whenever requests php script inside of directory. way can authorize users entire directory or write other stuff called when directory called. this best configuration i've been able come with... <directory "/srv/http/innov/public_html"> options -indexes allowoverride order allow,deny allow directoryindex index.php </directory> then in /srv/http/innov/public_html/kb/ have .htaccess file... options -indexes addhandler auth_handler .php action auth_handler ../auth_handler.php then in /srv/http/innov/public_html/kb/auth_handler.php follows... <?php $file = $_server['path_translated']; echo $file; ?> access log: - - [02/dec/2010:17:43:15 -0500] "get /kb/index.php http/1.1" 400 590 error log: [thu dec 02 17:50:19 2010] [error] [client xxx.xxx.xxx.xxx] invalid uri in request /kb/ http/1.1 i've checked browser , seems making proper request...
Read more

php - Change action and image src url's with jQuery -

i parsing form 1 of sites using php proxy. working fine form action , img src of submit button url's relative. how can prepend full http//www.domain.com/ in front of each of url's in form? edit: here's form code once fed through new domain: <div style="display: none;" id="subscribeform" class="newform"> <h5>subscribe our newsletter</h5> <form action="/campaignprocess.aspx?listid=27057" method="post" onsubmit="return checkwholeform93426(this)" name="catemaillistform93426"> <div class="form"> <div class="item"> <label for="clfullname">full name</label> <br /> <input type="text" maxlength="255" id="clfullname" name="fullname" class="cat_textbox_small" st...
Read more