nth-of-type
работает в соответствии с индексом того же типа элемента, но nth-child
работает только в соответствии с индексом независимо от того, какой тип элементов сиблингов.
Например
<div class="one">...</div>
<div class="two">...</div>
<div class="three">...</div>
<div class="four">...</div>
<div class="five">...</div>
<div class="rest">...</div>
<div class="rest">...</div>
<div class="rest">...</div>
<div class="rest">...</div>
<div class="rest">...</div>
Предположим, что в выше html мы хотим скрыть все элементы, имеющие класс отдыха.
В этом случае nth-child
и nth-of-type
будут работать точно так же, как и все элементы одного типа, <div>
, поэтому css должен быть
.rest:nth-child(6), .rest:nth-child(7), .rest:nth-child(8), .rest:nth-child(9), .rest:nth-child(10){
display:none;
}
OR
.rest:nth-of-type(6), .rest:nth-of-type(7), .rest:nth-of-type(8), .rest:nth-of-type(9), .rest:nth-of-type(10){
display:none;
}
Теперь вам должно быть интересно узнать, в чем разница между nth-child
и nth-of-type
, так что это разница
Предположим, что html is
<div class="one">...</div>
<div class="two">...</div>
<div class="three">...</div>
<div class="four">...</div>
<div class="five">...</div>
<p class="rest">...</p>
<p class="rest">...</p>
<p class="rest">...</p>
<p class="rest">...</p>
<p class="rest">...</p>
В приведенном выше html тип элемента .rest
отличается от других .rest
- это абзацы, а другие - div, поэтому в этом случае if вы используете nth-child
, вы должны писать так
.rest:nth-child(6), .rest:nth-child(7), .rest:nth-child(8), .rest:nth-child(9), .rest:nth-child(10){
display:none;
}
, но если вы используете nss-тип css, это может быть
.rest:nth-of-type(1), .rest:nth-of-type(2), .rest:nth-of-type(3), .rest:nth-of-type(4), .rest:nth-of-type(5){
display:none;
}
Как тип Элементом
blockquote >.rest
является<p>
, поэтому здесьnth-of-type
обнаруживает тип.rest
, а затем он накладывает css на 1-й, 2-й, 3-й, 4-й, 5-й элементы<p>
.
Попробуйте
. Для удаления вертикальной красной линии:
Tools : Options : Editor : Formatting ,
set Right Margin: 0
. да поможет вам это.
Следуйте инструкциям, чтобы удалить красную линию, которая является просто полем. Это называется правым полем. Перейти в меню
Tools ->Options -> Editor -> Formatting
установить
right margin = 0
Перейдите на
Tools | Options | Editor | Spellchecker
и там вы можете отключить проверку орфографии (для определенных типов текстовых / текстовых файлов) или загрузить ее со словом «Интернет» по своему вкусу. Имейте в виду, что это IDE, а не текстовый процессор.
Вы можете настроить размещение красной линии в (Netbeans 6.7): Tools > Options > Editor > Formatting
.
Слева вы увидите Правое поле со значением по умолчанию 80.
Если вы хотите удалить красную линию все вместе, вы можете либо:
Перейдите в «Настройки»> «Редактор»> «Форматирование», затем снимите флажок «Использовать все языковые настройки» и установите нужное поле: 0
В osx Sierra и Netbeans 8.2 у меня были некоторые трудности с поиском места установки Right Margin
После открытия Preferences -> Editor -> Formatting
по умолчанию я выбрал Java
в выпадающем списке Language
и Right Margin
неактивен.
Выберите All Languages
, а затем установите Right margin
Это устанавливается в соответствии со стандартом кодирования максимум 80 символов на строку. Вы можете увеличить это из Tools-> Options. Редактор. Правое поле. Если вы не хотите его видеть, просто установите значение больше размера вашего экрана;)
установите правое поле равным 0, а не 160 или более