title: CSS Selectors (first, first-child, nth-child) Targeting Not Selecting in Javascript/Jquery
body: <p>I'm trying to target several td elements in jQuery using CSS Selectors.</p>
  
  <ul>
  <li>I need the first element (td.calsun_days) to be a part of the click event adding the "selectedWeekend" class.</li>
  <li>I need the 2nd, 3rd, 4th, and 5th td elements to be adding the class "notAllowed" to them upon page load.
  <a href="https://i.stack.imgur.com/RhJJe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RhJJe.png" alt="Need"></a>
  <a href="https://i.stack.imgur.com/3seXQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3seXQ.png" alt="What is happening now"></a>
  The issues that I'm having are that the elements are not targeting correctly for the "notAllowed" class. It's selecting tuesday through saturday, and only on click. The "selectedWeekend" class is being added to friday/saturday on click (only if the "notAllowed" code is not there), but not sundays. I've tried switching the order of the code but it didn't have any impact. I've tried targeting using first-child, first, nth-child(1), and nth-child(2). Thanks in advance for any help!</li>
  </ul>
  
  <h2>jQuery</h2>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>jQuery(document).ready(
    function($) {
      var element = $('#afterbig1 td.czr-focus td');
      element.click(function() {
        if ($(this).is(":nth-last-child(2)") || $(this).is(":last-child") || $(this).hasAttribute('class')) {
          $(this).toggleClass("selectedWeekend");
        }
      });
      if (element.is(":nth-child()") || element.is(":nth-child(2)") || element.is(":nth-child(3)") || element.is(":nth-child(4)")) {
        element.addClass("notAllowed");
      }
    }); </code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code> @media only screen and (max-width : 640px) { 
      #views_tabs ,#drop_down_views
      {
          display:none;
      }
  
      #views_tabs_select
      {
          display:block !important;
      }
      }
  
      @media only screen and (max-width : 968px) { 
          #cats &gt;li
          {
              float:none;
          }
      }
  
      .spider_categories{
          display:inline-block;
          cursor:pointer;
      }
  
      .spider_categories p{
          color: #fff;
          padding: 2px 10px !important;
          margin: 2px 0 !important;
          font-size: 14px;
          font-weight: 600;
      }
   
  #cats #category
  {
      text-decoration:underline;
      cursor:pointer;
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="bigcalendar1" class="wdc_calendar" style="width:196.078431372549%;"&gt;     
        &lt;div id="afterbig1" style="" class="wdc_calendar"&gt;
        &lt;div style="width:100%;"&gt;
          &lt;table cellpadding="0" cellspacing="0" style="width:100%;"&gt;
            &lt;tbody&gt;&lt;tr&gt;
              &lt;td&gt;  
                &lt;div id="views_tabs" style=";width: 100%;"&gt;
                  &lt;div class="views" style="" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_day&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11-23&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0&amp;amp;rand=1','1','0')"&gt;&lt;span style="top: -3px; position: relative; color:#FFFFFF;font-size:13px"&gt;Day&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="views" style="" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_week&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;months=10,11,12&amp;amp;date=2017-11-23&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0&amp;amp;rand=1','1','0')"&gt;&lt;span style="top: -3px; position: relative; color:#FFFFFF;font-size:13px"&gt;Week&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="views" style="display:none;" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_list&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0&amp;amp;rand=1','1','0')"&gt;&lt;span style="top: -3px; position: relative; color:#FFFFFF;font-size:13px"&gt;List&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="views" style="background-color:#005478 !important;top:0;" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0&amp;amp;rand=1','1','0')"&gt;&lt;span style="color:#FFFFFF;font-size:13px"&gt;Month&lt;/span&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
      
      &lt;div id="views_tabs_select" style="display:none"&gt;
      &lt;div id="views_select" style="background-color:#005478 !important;color:#FFFFFF !important;font-size:13px"&gt;
      Month&lt;div class="arrow-right show_arrow"&gt;&lt;/div&gt;
      &lt;div class="arrow-down"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;ul id="drop_down_views" style="float: left;top: inherit;left: -20px;margin-top: 0px;"&gt;
      &lt;li style=""&gt;
      &lt;div class="views_select" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_day&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11-23&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')"&gt;
      &lt;span style="position:relative;top:25%;color:#FFFFFF;font-size:13px"&gt;Day&lt;/span&gt;
      &lt;/div&gt;
      &lt;/li&gt;
      
      &lt;li style=""&gt;&lt;div class="views_select" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_week&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;months=10,11,12&amp;amp;date=2017-11-23&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')"&gt;
       &lt;span style="position:relative;top:25%;color:#FFFFFF;font-size:13px"&gt;Week&lt;/span&gt;
      &lt;/div&gt;
      &lt;/li&gt;
      
      &lt;li style="display:none;"&gt;&lt;div class="views_select" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_list&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')"&gt;
      &lt;span style="position:relative;top:25%;color:#FFFFFF;font-size:13px"&gt;List&lt;/span&gt;
      &lt;/div&gt;
      &lt;/li&gt;
      
      &lt;li class="active" style=""&gt;&lt;div class="views_select" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')"&gt;
      &lt;span style="position:relative;top:25%;color:#FFFFFF;font-size:13px"&gt;Month&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
      
      &lt;/ul&gt;
      &lt;/div&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;table cellpadding="0" cellspacing="0" class="general_table" style="border-spacing:0; width:100%;border:#005478 solid 0px; margin:0; padding:0;background-color:#F8F8F8 !important;"&gt;
                  &lt;tbody&gt;&lt;tr&gt;
                    &lt;td width="100%" style="padding:0; margin:0;" class="czr-focus"&gt;
                      &lt;table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; font-size:12px; margin:0; padding:0; width:100%;"&gt;
                        &lt;tbody&gt;&lt;tr style="height:40px; width:100%;"&gt;
                          &lt;td class="top_table" align="center" colspan="7" style="position: relative;padding:0; margin:0; background-color:#005478;height:20px; background-repeat: no-repeat;background-size: 100% 100%; border: 0 !important;"&gt;
                            &lt;table cellpadding="0" cellspacing="0" border="0" align="center" class="calyear_table" style="margin:0; padding:0; text-align:center; width:100%; height:90px;"&gt;
                              &lt;tbody&gt;&lt;tr&gt;
                                &lt;td width="10%"&gt;
                                  &lt;div onclick="javascript:showbigcalendar('bigcalendar1','https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2016-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')" style="text-align:center; cursor:pointer; width:100%; background-color: rgba(1,121,156,0.4);;"&gt;
                                    &lt;span style="font-size:18px;color:#FFF"&gt;2016&lt;/span&gt;
                                  &lt;/div&gt;
                                &lt;/td&gt;
                                &lt;td class="cala_arrow" width="11%" style="text-align:right;margin:0px; padding: 0px 30px 0px 0px;"&gt;
                                  &lt;a style="text-shadow: 1px 1px 2px black;color:#CCD1D2;" href="javascript:showbigcalendar('bigcalendar1','https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-10&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')"&gt;❰
                                  &lt;/a&gt;
                                &lt;/td&gt;
                                &lt;td style="text-align:center; margin:0;" width="10%"&gt;
                                  &lt;input type="hidden" name="month" readonly="" value="November"&gt;
                                  &lt;span style="line-height: 30px;font-family: Segoe UI; color:#F9F2F4; font-size:25px;text-shadow: 1px 1px  black;"&gt;November 2017 &lt;/span&gt;
                                &lt;/td&gt;
                                &lt;td style="margin:0; padding: 0px 0px 0px 30px;text-align:left" width="11%" class="cala_arrow"&gt;
                                  &lt;a style="text-shadow: 1px 1px 2px black; color:#CCD1D2" href="javascript:showbigcalendar('bigcalendar1','https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-12&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')"&gt;❱
                                  &lt;/a&gt;
                                &lt;/td&gt;
                                &lt;td width="10%" style="border: 0 !important;"&gt;
                                  &lt;div onclick="javascript:showbigcalendar('bigcalendar1','https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2018-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;widget=0','1','0')" style="text-align:center; cursor:pointer; width:100%; background-color: rgba(1,121,156,0.4);;"&gt;
                                    &lt;span style="font-size:18px;color:#FFF"&gt;2018&lt;/span&gt;
                                  &lt;/div&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                            &lt;/tbody&gt;&lt;/table&gt;
                          &lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr align="center" height="30" style="background-color:#006285 !important;"&gt;
                                                &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0;background-color:#006285 !important"&gt;
                              &lt;div class="calbottom_border" style="text-align:center; margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;Su &lt;/b&gt;&lt;/div&gt;
                            &lt;/td&gt;
                                              &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0"&gt;
                            &lt;div class="calbottom_border" style="text-align:center; margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;Mo &lt;/b&gt;&lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0"&gt;
                            &lt;div class="calbottom_border" style="text-align:center; margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;Tu &lt;/b&gt;&lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0"&gt;
                            &lt;div class="calbottom_border" style="text-align:center; margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;We &lt;/b&gt;&lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0"&gt;
                            &lt;div class="calbottom_border" style="text-align:center;margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;Th &lt;/b&gt;&lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0"&gt;
                            &lt;div class="calbottom_border" style="text-align:center;margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;Fr &lt;/b&gt;&lt;/div&gt;
                          &lt;/td&gt;
                          &lt;td class="weekdays" style="width:14.2857143%; color:#CCD1D2; margin:0; padding:0"&gt;
                            &lt;div class="calbottom_border" style="text-align:center; margin:0; padding:0;"&gt;&lt;b class="week_days"&gt;Sa &lt;/b&gt;&lt;/div&gt;
                          &lt;/td&gt;
                                            &lt;/tr&gt;
                  &lt;tr id="days" height="90" style="line-height:15px;"&gt;          &lt;td class="caltext_color_other_months" style="background-color:#F8F8F8 !important"&gt;
                            &lt;p style="padding-right: 7px; font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI;padding-left: 5px;background: #CCD1D2  !important; width: 100%; padding-right: 6px;"&gt;29&lt;/p&gt;
                          &lt;/td&gt;          &lt;td class="caltext_color_other_months" style="background-color:#F8F8F8 !important"&gt;
                            &lt;p style="padding-right: 7px; font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI;padding-left: 5px;background: #CCD1D2  !important; width: 100%; padding-right: 6px;"&gt;30&lt;/p&gt;
                          &lt;/td&gt;          &lt;td class="caltext_color_other_months" style="background-color:#F8F8F8 !important"&gt;
                            &lt;p style="padding-right: 7px; font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI;padding-left: 5px;background: #CCD1D2  !important; width: 100%; padding-right: 6px;"&gt;31&lt;/p&gt;
                          &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;1&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;2&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;3&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;4&lt;/p&gt;
                            &lt;/td&gt;        &lt;/tr&gt;
                          &lt;tr height="90" style="line-height:15px"&gt;        &lt;td class="calsun_days" style="padding:0; margin:0;line-height:1.4;font-family: Segoe UI; font-size:17px"&gt;
                              &lt;p style="background: #CCD1D2 ; padding-left: 5px; padding-right: 6px; "&gt;5&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;6&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;7&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;8&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;9&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;" class="selectedWeekend"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;10&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;" class="selectedWeekend"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;11&lt;/p&gt;
                            &lt;/td&gt;        &lt;/tr&gt;
                          &lt;tr height="90" style="line-height:15px"&gt;        &lt;td class="calsun_days" style="padding:0; margin:0;line-height:1.4;font-family: Segoe UI; font-size:17px"&gt;
                              &lt;p style="background: #CCD1D2 ; padding-left: 5px; padding-right: 6px; "&gt;12&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;13&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;14&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;15&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;16&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;17&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;18&lt;/p&gt;
                            &lt;/td&gt;        &lt;/tr&gt;
                          &lt;tr height="90" style="line-height:15px"&gt;        &lt;td class="calsun_days" style="padding:0; margin:0;line-height:1.4;font-family: Segoe UI; font-size:17px"&gt;
                              &lt;p style="background: #CCD1D2 ; padding-left: 5px; padding-right: 6px; "&gt;19&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;20&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;21&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;22&lt;/p&gt;
                            &lt;/td&gt;    &lt;td style="overflow: hidden; color:#004B6C;padding:0; margin:0; line-height:15px; border: 2px solid #005478 !important; vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI;padding-left: 5px; background: #CCD1D2 ;"&gt;23&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;24&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;25&lt;/p&gt;
                            &lt;/td&gt;        &lt;/tr&gt;
                          &lt;tr height="90" style="line-height:15px"&gt;        &lt;td class="calsun_days" style="padding:0; margin:0;line-height:1.4;font-family: Segoe UI; font-size:17px"&gt;
                              &lt;p style="background: #CCD1D2 ; padding-left: 5px; padding-right: 6px; "&gt;26&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;27&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;28&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;29&lt;/p&gt;
                            &lt;/td&gt;        &lt;td style=" color:#004B6C;padding:0; margin:0; line-height:15px;border-bottom: 1px solid #CCD1D2  !important; border-left: 1px solid #CCD1D2  !important;vertical-align:top;"&gt;
                              &lt;p style="font-size:17px; font-weight: 600;line-height:1.4;font-family: Segoe UI; padding-left: 5px; background: #CCD1D2 ;"&gt;30&lt;/p&gt;
                            &lt;/td&gt;        &lt;td class="caltext_color_other_months" style="font-size:17px;line-height:1.4;font-family: Segoe UI;font-weight: 600;background-color:#F8F8F8 !important;"&gt;&lt;p style="background: #CCD1D2 ;"&gt;&lt;span style="padding: 0px 19px 0px 5px;"&gt;1&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;        &lt;td class="caltext_color_other_months" style="font-size:17px;line-height:1.4; font-weight: 600;font-family: Segoe UI; background-color:#F8F8F8 !important;"&gt;&lt;p style="background: #CCD1D2 ;"&gt;&lt;span style="padding: 0px 19px 0px 5px;"&gt;2&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;            &lt;/tr&gt;
                        &lt;/tbody&gt;&lt;/table&gt;            &lt;input type="text" value="1" name="day" style="display:none" class="czr-focusable"&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/tbody&gt;&lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;
  &lt;ul id="cats" style="list-style-type:none; padding: 0;"&gt;
      &lt;li class="spider_categories"&gt;&lt;p id="category5" style="background-color:#f26823 !important" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id=5&amp;amp;cat_ids&amp;amp;widget=0','1','0')"&gt; 10AM-10:30PM&lt;/p&gt;&lt;/li&gt;
      
      
      
      &lt;li class="spider_categories"&gt;&lt;p id="category6" style="background-color:#fecd0b !important" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id=6&amp;amp;cat_ids&amp;amp;widget=0','1','0')"&gt; 10AM-5PM&lt;/p&gt;&lt;/li&gt;
      
      
      
      &lt;li class="spider_categories"&gt;&lt;p id="category7" style="background-color:#99ca3d !important" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id=7&amp;amp;cat_ids&amp;amp;widget=0','1','0')"&gt; 7PM-10:30PM&lt;/p&gt;&lt;/li&gt;
      
      
      &lt;li class="spider_categories"&gt;&lt;p id="category0" style="background-color:#005478 !important" onclick="showbigcalendar('bigcalendar1', 'https://johnabounceandplay.com/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&amp;amp;theme_id=13&amp;amp;calendar=12&amp;amp;select=month,week,day,&amp;amp;date=2017-11&amp;amp;many_sp_calendar=1&amp;amp;cat_id&amp;amp;cat_ids&amp;amp;widget=0','1','0')"&gt;All categories&lt;/p&gt;&lt;/li&gt;
      &lt;/ul&gt;  
      
      &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>