2015-11-27 44 views
-1

父表中的寬度將自動繼承到子表。如何從父元素禁用樣式繼承

HTML

<table class="datagrid"> 
    <tr><td>sdfdsfds</td></tr> 
    <tr><td> 
      <table class="gridpager"> 
      <tr><td>1</td></tr><tr><td>1</td></tr> 
      </table> 
    </td></tr> 
    </table> 

CSS

.datagrid table { 
    width: 100%; 
} 

.gridpager table { 
    float: right; 
} 

如果我添加寬度:汽車在gridpager類將works.but需要覆蓋兒童class.Is父母的所有樣式除此之外還有其他解決方案嗎?

回答

0

讓像下面

table.datagrid { 
    width: 100%; 
} 

table.gridpager { 
    float: right; 
} 
+0

這是不工作的CSS變化。 – sreejithsdev

+0

請在jsfiddle上發佈示例 –

+0

它工作正常。檢查這個小提琴。 http://jsfiddle.net/Luvfyu2f/ –