HTML5创建div我无法用CSS编辑

时间:2015-11-26 23:35:21

标签: html css html5 ionic

我有一些HTML如下(你可以假设结束标签)

<ion-content>
    <ion-tab> 

问题是,当创建DOM时,HTML5标记会创建一个我无法使用CSS编辑的div

它变得如此

<ion-content>
   <div class="foo">
      <ion-tab>

我需要编辑其类为#34; foo&#34;的div的CSS,但是,如果我更改了foo的CSS,我会使用&#34; foo&#更改所有类的CSS 34 ;.

当我自己不创建CSS时,如何将CSS专门应用于特定的div?

1 个答案:

答案 0 :(得分:0)

如果你给我们的细节很少,我所能做的就是参考这些CSS Selectors

设置特定元素的方式有很多种方法。所有内容都在我给你的链接中详细解释过。

编辑:CSS选择器详细解释。

有几种方法可以改变<div class="foo">的风格。

  • 你可以给div一个(额外的)#idclass。这使得它能够将某些样式(正常情况下)应用于此指定元素。
  • 另一个选项是parent child {},您可以在其中设置父级中所有子项的样式。 注意:您可以添加&#39;&gt; / + /〜&#39;更具体地说明了孩子在父母中的位置。
  • 第三种选择是使用:nth-child(n)nth-of-type(n)指定div在其父级所在的位置。

正如我之前所说,有很多方法可以设计特定元素。请看一下我提供的链接。