如何从元素中删除填充属性？ （CSS）

Question

   <th style="padding-left:40px;" id="lbl_vehicleType"> 
     <h5> Vehicle Type </h5>
  </th> 

如何使用此方法尝试使用媒体查询删除padding-left。

    @media only screen and (max-width: 480px){
        #drp_per_page2{
            color:red;
        }

        #lbl_vehicleType{
            padding-left: 0;
        }
    }

我尝试更改下拉列表的颜色，看它是否有效。     虽然padding-left没有，但确实如此。     我甚至尝试过它padding-left: -40px;它仍然没有用。

Answer 1

使用外部样式规则，内联样式规则可以过度限定的唯一方法是使用{{1声明，例如：

!important

出于这个原因，通常认为最好的方法是在外部外部声明样式。

但是，如果不是，则使用#lbl_vehicleType{ padding-left: 0 !important; } 声明是唯一的方法，因为选择器权重（即：使用!important选择器而不是{{1选择器）和选择器特异性（即：使用选择器更多特定，。eg：id）是不够的。

考虑以下内容供参考：

外部样式（class）＆lt; 内部样式（table th#lbl_vehicleType）＆lt; 内联样式（style.css）

旁注
另外，您不能为<style></style>属性使用负值（百分比单位或长度单位）。

Answer 2

如果你想通过css实现这一点，你需要添加重要的标签

@media only screen and (max-width: 480px){
        #lbl_vehicleType{
            padding-left: 0!important;
        }
    }