1. #1
    Sencha User
    Join Date
    May 2012
    Posts
    65
    Answers
    8
    Vote Rating
    0
    ehboym is on a distinguished road

      0  

    Default Answered: A Q about CSS settings priorities

    Answered: A Q about CSS settings priorities


    Hi,

    I'm trying to override one of the parameters in the the app.css file :
    Code:
    .x-list-normal .x-list-item:last-child .x-list-item-label {
      border-bottom: 1px solid #dedede;
    }
    I need one of the lists on my app to not have its bottom border line

    I have added a border-bottom: 0px; to a class in my APP's myApplication.css but it did not override the parameter. I tried to add it to a css file created by compass but compass rewrites that file every time I compile compass.

    The only way I found to override that parameter was to edit the app.css which changes that parameter for all the x-list objects in the application.

    Where do I need to place the border-bottom: 0px; parameter so I can assign a calls to a specific list and have the bottom border disappear ?

    What is the hierarchy of the css files app.css -> compass css -> private.css, which css file overrides which ?

    thanks

    Erez

  2. Not sure if this will work:

    Change
    Code:
    border-bottom: 1px solid #dedede;
    to
    Code:
    border-bottom: 1px solid #dedede !important;

  3. #2
    Sencha User
    Join Date
    Nov 2012
    Location
    Netherlands
    Posts
    50
    Answers
    6
    Vote Rating
    1
    eastlander is on a distinguished road

      0  

    Default


    Not sure if this will work:

    Change
    Code:
    border-bottom: 1px solid #dedede;
    to
    Code:
    border-bottom: 1px solid #dedede !important;

  4. #3
    Sencha User
    Join Date
    May 2012
    Posts
    65
    Answers
    8
    Vote Rating
    0
    ehboym is on a distinguished road

      0  

    Default


    Hi,

    1st, thanks, it did the trick.

    Just for general knowledge, what is the hierarchy between the different css files in Snencha ?

    Erez

  5. #4
    Sencha User
    Join Date
    Nov 2012
    Location
    Netherlands
    Posts
    50
    Answers
    6
    Vote Rating
    1
    eastlander is on a distinguished road

      0  

    Default


    The browser's developer tools can help you with looking at the hierarchy (CTRL+SHIFT+I in Chrome). On the elements tab you can see what css rules are applied to an element and in which order.

    Also take a look at this link: http://www.nzwhost.com/article/under...-css-hierarchy

Thread Participants: 1

Tags for this Thread