Tudo bem.
Então é hora de um exercício rápido.
Este vai cobrir os diferentes seletores de DOM que acabamos de discutir.
Então, o jeito que funciona dá-lhe alguns H M L shemale simples e H-1 três quatro parágrafos.
Alguns têm idéias, algumas têm aulas, algumas não têm nada.
E o que eu quero que você faça é apresentar quatro maneiras diferentes de selecionar o primeiro parágrafo.
os diferentes métodos que falamos sobre Documento obter elemento por ID por nome de classe por nome
de tag As consultas de seqüenciadores do Corey, como são todas, combinam e combinam com essas quatro maneiras diferentes de selecionar isso.
Então, pelo menos, há mais do que isso usando
Se você quiser, pode baixar o código anexado.
Caso contrário, vá em frente e basta digitar isso por si mesmo, venha com exemplos de vídeo
de quebra-cabeça e eu volto em apenas alguns segundos.
Ok, então vamos falar sobre como podemos resolver isso.
Eu tenho o arquivo H Tim L aqui.
Nós temos um H1 e aqui está o parágrafo que estamos após o primeiro parágrafo.
O ID é igual a primeira classe é especial.
E então há alguns outros parágrafos sobre os quais realmente não nos importamos.
Então, para selecioná-lo, temos algumas opções diferentes.
Vamos começar com obter elemento por ID.
Então, apenas para o tipo de documento, obtenha o elemento por ID primeiro.
Nós também poderíamos selecionar com base fora do ID primeiro usando o seletor de consultas para documentar esse seletor de consulta.
E não podemos simplesmente dizer primeiro, também precisamos ver uma sintaxe do seletor, o que significa adicionar Octa Thorp que diz
ao seletor Querrey que este é um id chamado primeiro e obtemos a mesma coisa.
Então, também podemos selecionar com base na classe que é especial.
Então, podemos fazer documento que obtenha elementos pelo nome da classe e o nome da classe é especial e isso nos dará dois
elementos que possuem esse nome de classe.
Então, para diminuí-lo para apenas o primeiro que adicionaríamos em zero, colchetes zero.
E isso nos dá o primeiro parágrafo.
Podemos também usar o seletor de consulta e usamos a sintaxe de pontos porque é uma classe.
Desta vez, não precisamos do suporte quadrado zero porque o seletor de consulta antigo e comum apenas nos
dá o primeiro resultado.
Se usássemos o seletor de consulta, todos nós poderíamos adicionar zero depois e funcionaria da mesma maneira.
Recebemos o mesmo primeiro parágrafo.
A outra opção que temos é selecionar com base no nome da etiqueta que é
o parágrafo ou P para que possamos fazer o documento Obter elementos por nome de etiqueta passar em P e isso nos dá todos os parágrafos.
Então, nós fazemos o suporte zero.
Poderíamos também usar o seletor de consultas.
Então, documente esse seletor de consulta e não precisamos mudar o que está dentro do CS de impressão porque a Índia diz que
é assim que você seleciona uma etiqueta de parágrafo.
Então, o seletor de consulta nos dará o primeiro.
Então você pode ver aqui ou também podemos fazer consultas como todas e adicionar em zero.
Nós também podemos tornar a vida mais difícil em nós mesmos e usar alguns seletores CSSA mais criativos.
Por exemplo, eu sei que este parágrafo o primeiro é o primeiro parágrafo diretamente após um H-1 eles são adjacentes, então
eu poderia escrever um seletor CSSA que diz Selecione os parágrafos após um H1 ou adjacente a cada um com o
sinal de mais.
Então, isso seria assim.
Se eu realmente quisesse fazê-lo.
Cory e esse seria o parágrafo H-1 plus.
E isso também me dá o primeiro parágrafo.
Há muitas outras maneiras de podermos fazê-lo também.
Podemos fazer primeiro o parágrafo tipo.
Podemos ser bastante criativos, mas não há motivos para isso se pudermos obtê-lo com um ID ou um
nome de classe ou tag.
ESTÁ BEM.
Então, espero que você possa encontrar pelo menos quatro deles, como você pode ver, há muitas
opções, como em C S S, podemos segmentar algo de muitas maneiras diferentes.
Na verdade, não há uma resposta correta neste caso porque ele tem uma ID.
Eu provavelmente apenas usaria o seletor de consultas com o ID, o que fizemos aqui.
Ou obtenha um elemento por ID