css - Adressing a section or class does not work -


i have problem using styles in class style.css. class structure shown below. tried far make changes is:

@media (max-width:920px)     {                 #section         {padding-left:20px !important} }  @media (max-width:920px)     {                 #block-system-main       {padding-left:20px !important} }  @media (max-width:920px)     {                 .block-system-main       {padding-left:20px !important} }  @media (max-width:920px)     {                 .block .block-system .clearfix       {padding-left:20px !important} } 

class structure looks that:

    <section id="block-system-main" class="block block-system clearfix">         <div id="node-493" class="node node-meeting node-promoted node-teaser clearfix" 

when right clicked , examined element found spot in css code, styles automatically applied class. looked that:

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {     display: block; } 

the "section" accentuated blue here, guess class important in case. if wrote padding-left:20px; in part of code, worked fine, not understand why solution not work...

no need write each , every time media queries same resolution. can combine one. there no id called "section" , class called "block-system-main".

 @media , (max-width: 920px)    {     section.block-system{padding-left:20px !important} } 

just add above 1 line instead of entire code.


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -