Home/ Questions/Q 8899225
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T00:48:34+00:00

Why does deleting selector without styles include header for striping table? How can deleting

  • 0

Why does deleting selector without styles include header for striping table? How can deleting empty selector can affect anyithing at all?

Here’s css:

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

TABLE.spreadsheet //if we delete this selector  useless header becomes striped  too
{   
} //this selector seems useless at all


TABLE.spreadsheet TH
{
    background: #ccc;
    padding: 0px 3px;
    text-align: center;
    vertical-align: text-top;
}

TABLE.spreadsheet TD
{
    text-align: center;
    vertical-align: text-top;
    padding: 0px 3px;
    font-size: 14px;        
}

TABLE.spreadsheet .odd
{
  background-color: #ffefd5;        
}

Here is table:

<table class="spreadsheet" cellspacing = "0">
        <tr>
           <th></th>
           <th>Email Address</th>
           <th>First Name</th>
           <th>Last Name</th>
           <th>Date</th>
           <th>Phone</th>
           <th>Action</th>          
        </tr>
        <tr>            
                                                    <td><input type="checkbox" name="bulk_select[]" id="bulk_select" value="2449831" class="bulk_select"></td>  

                                                        <td>test@gmail.com</td>

                                                        <td></td>

                                                        <td></td>

                                                        <td></td>

                                                        <td></td>


                <td>                        <a href="/lists/edit-subscriber?id=2449831">edit</a>&nbsp;&nbsp;&nbsp;

                    <a href="/lists/delete-subscriber?id=2449831" class="del_subscriber">delete</a></td>                            
            </tr>
                    <tr>            
                                                            <td><input type="checkbox" name="bulk_select[]" id="bulk_select" value="2449880" class="bulk_select"></td>  

                                                        <td>test48@gmail.com</td>

                                                        <td>Mark</td>

                                                        <td>Johnson</td>

                                                        <td></td>

                                                        <td></td>


                <td>                        <a href="/lists/edit-subscriber?id=2449880">edit</a>&nbsp;&nbsp;&nbsp;

                    <a href="/lists/delete-subscriber?id=2449880" class="del_subscriber">delete</a></td>                            
            </tr>
                    <tr>            
                                                            <td><input type="checkbox" name="bulk_select[]" id="bulk_select" value="2449881" class="bulk_select"></td>  

                                                        <td>test49@gmail.com</td>

                                                        <td>Chad</td>

                                                        <td>Davis</td>

                                                        <td></td>

                                                        <td></td>


                <td>                        <a href="/lists/edit-subscriber?id=2449881">edit</a>&nbsp;&nbsp;&nbsp;

                    <a href="/lists/delete-subscriber?id=2449881" class="del_subscriber">delete</a></td>                            
            </tr>

</table>

javascript to striping table:

    $("table.spreadsheet tr:nth-child(odd)").addClass("odd");
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have your styles inside the body tag at the minute like:

    <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
TABLE.spreadsheet  {   
}

    They should be inside a <style> tag like so:

    <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<style>
TABLE.spreadsheet  {   
} 

...

</style>

    My best guess would be that the reason the first selector breaks it if you remove it is because it is acting like the <style> tag as you aren’t telling the browser that it is a style

    • 0