How to change CSS in Column 2

  • Profile Image
    lwright4481
    Asked on January 27, 2017 at 10:30 PM

    I am using a Configuration list. I have written the CSS for Column 1 to change each entry into the list as static, but now I don't know how to set it up for Column 2. Will you please show me the code for doing the same thing for column 2. 

  • Profile Image
    EltonCris
    Answered on January 28, 2017 at 06:30 AM

    You can add td tag after first-child.

    Example:

    tr+tr+tr >:first-child+td,

    tr+tr+tr+tr >:first-child+td{

    visibility:hidden;    

    }

    tr+tr+tr >:first-child+td :before {

        visibility: visible;

        content: "4-6";

    }

    tr+tr+tr+tr >:first-child+td :before {

        visibility: visible;

        content: "7-9";

    }

    ---

    By the way, the following should also work. I think this is already supported in all updated browsers.

    Instead of using the old fashioned way:

    tr+tr+tr >:first-child+td

    You can use:

    tbody:nth-child(3) >:first-child+td

    3 is basically the number of tr used

    Hope this helps!