Home>

Here is the code:

@Media (min-width: 200px) {
  .calc_main >
.switch_calc >
.menu >
Li {
    Width: 49.7%;
    Border-left: 0;
  }
  .calc-main >
.switch_calc >
.menu >
Li: NTH-Child (2N) {
    Border-Left: 1px solid #eeeeee;
  }
} 
<
DIV Class= "Calc_main" >
  ≪
DIV Class= "Switch_calc" >
    ≪
UL Class= "Menu" >
      ≪
Li ID= "LB_START" Class= "Active" >
≪
a href= "#" OnClick= "lb_start ()" >
Pumping League and Division <
/a >
≪
/Li >
      ≪
Li ID= "RW_START" >
≪
a href= "#" OnClick= "rw_start ()" >
Buying victories <
/a >
≪
/Li >
      ≪
Li id= "p_start" >
≪
a href= "#" OnClick= "p_start ()" >
Qualifications <
/a >
≪
/Li >
      ≪
Li id= "cm_start" >
≪
a href= "#" OnClick= "cm_start ()" >
Champions skill <
/a >
≪
/Li >
    ≪
/ul >
  ≪
/div >

But NTH-Child does not work in any, please help, please)

  • Answer # 1

    To work everything, you need to be wrong in the name of the classes ( Calc_main. , but not Calc-Main. In your case). In general, everything works with you as it should.

    The only moment, classes are customary to write through the dash, and not through the lower underscore.

    @Media (min-width: 200px) {
      .calc_main >
    .switch_calc >
    .menu >
    Li {
        Width: 49.7%;
        Border-left: 0;
      }
      .calc_main >
    .switch_calc >
    .menu >
    Li: NTH-Child (2N) {
        Border-Left: 1px Solid # F00;
      }
    } 
    <
    DIV Class= "Calc_main" >
      ≪
    DIV Class= "Switch_calc" >
        ≪
    UL Class= "Menu" >
          ≪
    Li ID= "LB_START" Class= "Active" >
    ≪
    a href= "#" OnClick= "lb_start ()" >
    Pumping League and Division <
    /a >
    ≪
    /Li >
          ≪
    Li ID= "RW_START" >
    ≪
    a href= "#" OnClick= "rw_start ()" >
    Buying victories <
    /a >
    ≪
    /Li >
          ≪
    Li id= "p_start" >
    ≪
    a href= "#" OnClick= "p_start ()" >
    Qualifications <
    /a >
    ≪
    /Li >
          ≪
    Li id= "cm_start" >
    ≪
    a href= "#" OnClick= "cm_start ()" >
    Champions skill <
    /a >
    ≪
    /Li >
        ≪
    /ul >
      ≪
    /div >
    
  • Answer # 2

    To work everything, you need to be wrong in the name of the classes ( Calc_main. , but not Calc-Main. In your case). In general, everything works with you as it should.

    The only moment, classes are customary to write through the dash, and not through the lower underscore.

    @Media (min-width: 200px) {
      .calc_main >
    .switch_calc >
    .menu >
    Li {
        Width: 49.7%;
        Border-left: 0;
      }
      .calc_main >
    .switch_calc >
    .menu >
    Li: NTH-Child (2N) {
        Border-Left: 1px Solid # F00;
      }
    } 
    <
    DIV Class= "Calc_main" >
      ≪
    DIV Class= "Switch_calc" >
        ≪
    UL Class= "Menu" >
          ≪
    Li ID= "LB_START" Class= "Active" >
    ≪
    a href= "#" OnClick= "lb_start ()" >
    Pumping League and Division <
    /a >
    ≪
    /Li >
          ≪
    Li ID= "RW_START" >
    ≪
    a href= "#" OnClick= "rw_start ()" >
    Buying victories <
    /a >
    ≪
    /Li >
          ≪
    Li id= "p_start" >
    ≪
    a href= "#" OnClick= "p_start ()" >
    Qualifications <
    /a >
    ≪
    /Li >
          ≪
    Li id= "cm_start" >
    ≪
    a href= "#" OnClick= "cm_start ()" >
    Champions skill <
    /a >
    ≪
    /Li >
        ≪
    /ul >
      ≪
    /div >