2014-02-19 87 views
2

有可能是HTML標記任何隨機的結構:如何設計html5元素的樣式?

<div id="five"> 
    <main>test</main> 
    <p>test</p> 
    <div>test</div> 
    <ul><li>test</li></ul> 
    <article>test</article> 
</div> 

現在,我怎麼可以只選擇HTML5元素?

我想要樣式所有html5元素id="five" only的後代像padding: 0; font-size: 1.5em;等,但其他元素應該包含它自己的CSS。

我可以用逗號分隔標籤來寫所有的html5元素,但它會是很長的方法。

那麼,有沒有什麼辦法(單選擇器或選擇一次)選擇HTML5元素只與CSS或jQuery?


在jQuery中如何才能選擇html5元素?

if($(this).prop('tagName') == html5) alert('you need latest browser to run'); 
+6

用於每個HTML5標籤應用CSS到A類普通類。並使用JQUERY選擇它。 –

+1

heres html5 https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list中添加的所有元素的列表,您將不得不選擇每個元素,例如''文章,部分,...'' – roo2

+0

你好像試圖在舊的瀏覽器上使用html5元素?如果是這樣,請嘗試一個html5重置http://stackoverflow.com/questions/3485720/which-html5-reset-css-do-you-use-and-why – roo2

回答

0

我將創建一個樣式表如下繼承:

.html5 > article, 
.html5 > aside { 
    display: block; 
    } 

,並添加所有基於參考,要麼使用jQuery相關的html標籤添加一個類或者直接樣式,這些具體的HTML5元素。

0

使用像Manish一個單獨的類建議見下文實例

<div id="five"> 
    <main class="html5">test</main> 
    <p>test</p> 
    <div>test</div> 
    <ul><li>test</li></ul> 
    <article class="html5">test</article> 
</div> 

而在#five

#five .html5 { 
    /*Add your css for html five element here*/ 

} 
相關問題