Question

html标记可能有任何随机结构：

<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元素，但这将是如此长的方法。

那么，有没有办法（单选择器或selctor一次）只用css或jQuery选择html5元素？

在jQuery中如何只选择html5元素？

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

Answer 1

我会创建一个具有以下继承的样式表：

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

并根据引用添加所有相关的html标记，并使用jquery添加类或直接设置这些特定html5元素的样式。

Answer 2

使用单独的类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

中将css应用于该课程

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

}

如何仅设置html5元素的样式？

2 个答案: