Pouvez-vous cibler avec CSS un ID dans ID?

Mon exemple serait dans un fichier HTML, qui disent que vous n'avez pas accès à modifier uniquement le CSS via une feuille de style. Pouvez-vous la cible d'un ID dans un ID le même que vous pouvez les Classes?

#id1 #id2 {styles...}

similaire à la façon dont vous le faites avec CSS:

.class1 .class2 {styles...}

Je pouvais juste avoir un cerveau majeurs échouer ici.

source d'informationauteur Ryan

  1. 15

    ouais, comme ceci:

    #one #two {
    color: purple;
}

    choisira pour:

    <div id="one">
    <div id="two"></div>
</div>

    ce n'est pas vraiment nécessaire, parce que vous êtes seulement censés avoir une id du même nom par page, de sorte que le sélecteur de #two {} serait bien par lui-même.

  2. 5

    Oui, vous pouvez le faire; il est parfaitement valide. Mais il est aussi généralement inutile, étant donné qu'un ID doit être unique dans une page, il vous suffit de sélectionner l'ID unique doit toujours être suffisante pour sélectionner l'élément que vous souhaitez; vous ne devriez pas besoin de parent sélecteur pour la qualifier, si un ID ou une classe ou quoi que ce soit d'autre.

    Je peux voir un cas d'utilisation pour cela, où que vous avez un élément avec un ID qui est dynamique, où apparaît dans la page qui apparaît dans les différents endroits pour quelque raison que ce soit, et vous voulez qu'il ressemble différents selon l'endroit où dans la page qui s'affiche.

    Pour cela, il est peut-être valable pour avoir #id1 #id2 sélecteur. Mais c'est sans doute assez rare, cas d'utilisation, et de même pour cet usage, les classes peuvent être un outil approprié pour le travail.

  3. 1

    Oui. Vous pouvez mettre combinators entre toutes les sélecteurs que vous aimez.

  4. 1

    Oui

    #id1 #id2 {

}

    Cela permettra de cibler l'ensemble de #id2 dans #id1

    Démo:
    http://jsfiddle.net/DcDqa/

  5. 0

    Oui

    #first #second{
 color: #000080;
}

    et

    <div id="first">
  <p id="second">This is text and will be dark blue</p>
</div>
  6. 0

    Oui, vous pouvez

    #id1 #id2 {
    height:200;
}

    et de la même façon

      .class1 #id1 {
    height:200;
  }

  .class1 input[type="radio"] {
    border: 1px solid #ccc;
  }

  h1, p{
  }