如何在 CSS 和 MooTools 中僅定位直系子代？

CSS 選擇器僅定位直接子元素而不是其他相同的後代

使用嵌套元素時，通常需要定位直接子元素並排除共享的其他後代元素相同的班級或ID。在 CSS 中，這可能很難實現。

選擇器 ul > li 僅針對

的直接子代元素，不包括任何嵌套的
• 元素子列表中的元素。這對於設定頂級清單項目的樣式非常有用，同時使巢狀項目不受影響。例如：

  #parent > li {
    color: red;
  }

  但是，需要注意的是，IE6 不支援此選擇器。為了保持向後相容性，解決方法是使用以下方法：

  #parent li { /* style appropriately */ }
  #parent li li { /* back to normal */ }

  MooTools 特定問題：

  在您提供的MooTools 程式碼中，getElementsByElelements()yElelements()yElelements()yElelements()yElelements()yElelements()yElelements()yElelements()yElelements()yElelements()方法包括直系子代和後代。要僅定位直接子元素，請使用getChildren() 代替：

  var drop = function(el){
      el.getParents('ul').reverse().each(function(item){
          var posCount = 1;
          item.getChildren("li").getElements("a span[class=position]").each(function(pos){
                  pos.set('text', posCount);
                  posCount++;
          });
      });
  }

  透過使用getChildren()，您可以確保編號僅限於每個嵌套

  的直接子元素，從而解決您遇到的問題。

以上是如何在 CSS 和 MooTools 中僅定位直系子代？的詳細內容。更多資訊請關注PHP中文網其他相關文章！