Что значит & ldquo; > & rdquo; (знак «больше, чем») Селектор CSS означает?

Моя попытка немного запутать, возможно, не лучшее решение

function isInt(a){
    return a === ""+~~a
}


console.log(isInt('abcd'));         // false
console.log(isInt('123a'));         // false
console.log(isInt('1'));            // true
console.log(isInt('0'));            // true
console.log(isInt('-0'));           // false
console.log(isInt('01'));           // false
console.log(isInt('10'));           // true
console.log(isInt('-1234567890'));  // true
console.log(isInt(1234));           // true
console.log(isInt('123.4'));        // false
console.log(isInt(''));             // false

// other types then string returns false
console.log(isInt(5));              // false
console.log(isInt(undefined));      // false
console.log(isInt(null));           // false
console.log(isInt('0x1'));          // false
console.log(isInt(Infinity));       // false
447
задан BoltClock 26 February 2015 в 10:32
поделиться

4 ответа

> - это дочерний комбинатор , иногда ошибочно называемый комбинатором прямых потомков. 1

Это означает, что селектор div> p.some_class выбирает только те абзацы из .some_class , которые вложены непосредственно в div , а не какие-либо абзацы, вложенные дальше.

Иллюстрация:

<div>
    <p class="some_class">Some text here</p>     <!-- Selected [1] -->
    <blockquote>
        <p class="some_class">More text here</p> <!-- Not selected [2] -->
    </blockquote>
</div>

Что выбрано, а что нет:

  1. Выбрано
    Этот p.some_class расположен непосредственно внутри div , следовательно, родительский-дочерний отношения устанавливаются между обоими элементами.

  2. Не выбран
    Этот p.some_class содержится в цитате внутри div , а не в самом div . Хотя этот p.some_class является потомком div , он не дочерний элемент; это внук.

    Следовательно, хотя div> p.some_class не будет соответствовать этому элементу, div p.some_class будет использовать вместо него комбинатор потомков .


1 Многие люди идут дальше, называя это «прямым потомком» или «непосредственным потомком», но в этом нет необходимости (и невероятно меня раздражает), потому что дочерний элемент является непосредственным по определению в любом случае, значит, они означают одно и то же. Не существует такой вещи, как «косвенный ребенок».

647
ответ дан 22 November 2019 в 23:01
поделиться

Соответствует p элементам с классом some_class , которые находятся непосредственно под div .

7
ответ дан 22 November 2019 в 23:01
поделиться

Все теги p с классом some_class , которые являются прямыми дочерними элементами тега div .

2
ответ дан 22 November 2019 в 23:01
поделиться

Как упоминают другие, это дочерний селектор. Вот соответствующая ссылка.

http://www.w3.org/TR/CSS2/selector.html#child-selectors

11
ответ дан 22 November 2019 в 23:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: