Question

您好我正试图找出使用one类访问div中元素的方法。

<div class='hs_terms_conditions field hs-form-field>
 <label class placeholder='Enter your name'>
 </label>
 <div class='input'>
  <ul class='input-list'>
   <li class='checkbox>
   </li>
  </ul>
 </div>
</div>

我的问题是如何从<div class='input'>访问<div class='hs_terms_conditions field hs-form-field>，然后更改<ul>或<li>。想着使用类并做这样的事情：

.hs_terms_conditions.input.input-list.checkbox{
          /*some style*/
}

我确实尝试过但无法使其发挥作用。我希望能够在该div中更改<li>或<ul>，因此它不适用于所有其他div。

Answer 1

使用“＆gt;”：

for (CALayer *layer in self.view.layer.sublayers) {
    if ([layer isKindOfClass:[CAShapeLayer class]]) {
        CAShapeLayer *copy = (CAShapeLayer *)layer;
        if ([sideChoice isEqualToString:@"datum"]) {
            if ([copy.name isEqualToString:@"datumSideLayer"]) {
                [CATransaction begin];
                [CATransaction setCompletionBlock:^{
                    NSLog(@"Animation complete.");
                }];
                CABasicAnimation *morph = [CABasicAnimation animationWithKeyPath:@"path"];
                morph.duration = 1;
                morph.toValue = pathChange;
                [copy addAnimation:morph forKey:nil];

                [CATransaction commit];
                break;
            }
        } else if ([sideChoice isEqualToString:@"opposite"]) {
            if ([copy.name isEqualToString:@"oppositeSideLayer"]) {

            }
        }
    }
}

如果您使用.hs_terms_conditions > .input > .input-list > .checkbox { /*some style*/ }，它将匹配属于所有类的元素。您也可以使用.class1.class2.class3。

Answer 2

您可以使用父访问选择器访问.checkbox：

.hs_terms_conditions > .input > .input-list > .checkbox{
          /*some style*/
}

使用div类访问div＆gt; ul＆gt; li

2 个答案: