2014-03-26 50 views
-1

此代碼不適格我CSS所有佔位符(*)影響我的風格

.column-hide { 
    width: 16.666666666666664%!important; 
} 

.column-hide * { 
    display: none; 
} 

的寬度雖然這個工程

.column-hide * { 
    display: none; 
} 

.column-hide { 
    width: 16.666666666666664%!important; 
} 

有什麼建議?

UPDATE:HTML代碼

<div class="col-md-6 column-hide"> 
    <div class="header-label bg-gray custom-attr-header"> 
    </div> 
    <div class="fields-body"> 
     <h4 class="pull-left">Texts</h4> 
    </div> 
</div> 
+0

.COLUMN隱藏是保存我的所有元素的方式父DIV –

+0

能否請您粘貼您的html代碼? –

+0

你試圖在這裏實現什麼? –

回答

0

星號(*)是CSS通用選擇。它匹配任何類型的單個元素。所以我不會建議避免這種universal selector。我覺得很多時候,如果你定義最後一個總是應用相同的屬性。

這裏是Working Example

這裏是HTML代碼和CSS。最後一個屬性將應用於元素。

p{color:red;} 

p{color:green;} /*will take me as I am defined at last*/ 

<p>I'll be RED</p> 
<p>I'll be GREEN</p> 

正如你可以看到應用color:green終於使<p>元素的顏色爲綠色。同樣的理論也適用於你的情況。

+0

我擺脫了使用這個*。解決了我的問題。是的,你對造型的順序是正確的。謝謝。 –

+0

很高興我能幫助你。 –

+0

問題是爲什麼不應用寬度。這並沒有解決這個問題。 –

0
* { 
display:none 
} 

將顯示沒有元素的HTML爲*表示所有元素。通過使用當前發佈的代碼沒有任何顯示。爲了顯示內容需要刪除上述財產