将第五列添加到Gravity Forms

时间：2014-09-10 09:04:32

标签： css

我已经添加了CSS和前四个规则，但第五个规则拒绝排队。我一直在玩它几个小时，似乎无法搞清楚。任何人都可以看到一个我不能解决的明显问题吗？

   .gform_wrapper .top_label li.gfield.gf_first_fifth,
   .gform_wrapper .top_label li.gfield.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gf_third_fifth,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth, 
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth{
   margin:0 0 6px 0;
   width:17%;
   }

   .gform_wrapper .top_label li.gfield.gfield_error.gf_first_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_third_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_fourth_fifth{
   width:16%;
   }

   .gform_wrapper .top_label li.gfield.gfield_error.gf_third_fifth {
   margin-right:1%;
   }

   .gform_wrapper .top_label li.gfield.gf_first_fifth {
   float:left;
   clear:left!important;
   }

   .gform_wrapper .top_label li.gfield.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gf_third_fifth,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth {
   float:left;
   margin-left:2%;
   clear:none!important;
   }

   .gform_wrapper .top_label li.gfield.gfield_error.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_third_fifth {
   margin-left:3%;
   }

   .gform_wrapper .top_label li.gfield.gf_first_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_first_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_first_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_first_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_second_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_second_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_second_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_second_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_third_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_third_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_third_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_third_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth select.large, 
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth select.large,{
   width:95%;
   }

   .gform_wrapper .top_label li.gfield.gf_first_fifth+li.gsection,
   .gform_wrapper .top_label li.gfield.gf_third_fifth+li.gsection {
   padding:12px 0 8px 0;
   }

   .gform_wrapper .top_label li.gfield.gf_first_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_second_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_third_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth+li.gfield, 
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth+li.gfield {
   clear:both;
   }

   .gform_wrapper .top_label li.gfield.gf_first_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_second_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_third_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth+.gform_footer, 
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth+li.gfield {
   clear:both;
   }

1 个答案:

答案 0 :(得分：0)

   .gform_wrapper .top_label li.gfield.gf_first_fifth,
   .gform_wrapper .top_label li.gfield.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gf_third_fifth,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth {
       margin: 0 0 6px 0;
       width: 17%;
   }
   .gform_wrapper .top_label li.gfield.gfield_error.gf_first_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_third_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_fourth_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_fifth_fifth /* Add This Line for fifth column support */
   
   {
       width: 16%;
   }
   .gform_wrapper .top_label li.gfield.gfield_error.gf_third_fifth {
       margin-right: 1%;
   }
   .gform_wrapper .top_label li.gfield.gf_first_fifth {
       float: left;
       clear: left!important;
   }
   .gform_wrapper .top_label li.gfield.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gf_third_fifth,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth /* Add This for fifth column support */
   
   {
       float: left;
       margin-left: 2%;
       clear: none!important;
   }
   .gform_wrapper .top_label li.gfield.gfield_error.gf_second_fifth,
   .gform_wrapper .top_label li.gfield.gfield_error.gf_third_fifth {
       margin-left: 3%;
   }
   .gform_wrapper .top_label li.gfield.gf_first_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_first_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_first_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_first_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_second_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_second_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_second_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_second_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_third_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_third_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_third_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_third_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth select.large,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth input.medium,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth input.large,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth select.medium,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth select.large,
   {
       width: 95%;
   }
   .gform_wrapper .top_label li.gfield.gf_first_fifth+li.gsection,
   .gform_wrapper .top_label li.gfield.gf_third_fifth+li.gsection {
       padding: 12px 0 8px 0;
   }
   .gform_wrapper .top_label li.gfield.gf_first_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_second_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_third_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth+li.gfield,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth+li.gfield {
       clear: both;
   }
   .gform_wrapper .top_label li.gfield.gf_first_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_second_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_third_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_fourth_fifth+.gform_footer,
   .gform_wrapper .top_label li.gfield.gf_fifth_fifth+li.gfield {
       clear: both;
   }

相关问题
最新问题