From ada5d2b0fd028ac02f963f0c24696f4d93c14c2b Mon Sep 17 00:00:00 2001 From: orpos <58054927+orpos@users.noreply.github.com> Date: Sat, 7 Oct 2023 19:04:05 -0300 Subject: [PATCH] Updates "Learn/CSS/Building_blocks/Selectors/Attribute_selectors" content (#16013) * Updates "Learn/CSS/Building_blocks/Selectors/Attribute_selectors" content * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/pt-br/learn/css/building_blocks/selectors/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * updates selector text * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com> * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md dont really see a change but ok Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md * Update files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com> --- .../selectors/attribute_selectors/index.md | 34 +++++++++---------- .../css/building_blocks/selectors/index.md | 2 +- .../type_class_and_id_selectors/index.md | 2 +- 3 files changed, 19 insertions(+), 19 deletions(-) diff --git a/files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md b/files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md index 80f9a93278325e..fa629d45ee7b24 100644 --- a/files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md +++ b/files/pt-br/learn/css/building_blocks/selectors/attribute_selectors/index.md @@ -1,5 +1,5 @@ --- -title: Attribute selectors +title: Seletores de atributo slug: Learn/CSS/Building_blocks/Selectors/Attribute_selectors --- @@ -10,26 +10,26 @@ Como você sabe de seu estudo de HTML, os elementos podem ter atributos que forn - + - - + +
Prerequisites:Pré-requisitos: - Basic computer literacy, + Conhecimentos básicos em informática, basic software installed, basic knowledge of + href="/pt-BR/Learn/Getting_started_with_the_web/Installing_basic_software" + >software básico instalado, conhecimentos básicos de working with files, HTML basics (study + href="/pt-BR/Learn/Getting_started_with_the_web/Dealing_with_files" + >trabalhando com arquivos, Basico de HTML (Estude Introduction to HTML), and an idea of how CSS works (study - CSS first steps.) + >Introdução para o HTML), e uma ideia de como CSS funciona (Estude + CSS primeiros paços.)
Objective:To learn what attribute selectors are and how to use them.Objetivo:Entender o que são seletores de atributo e como usa-los.
@@ -38,7 +38,7 @@ Como você sabe de seu estudo de HTML, os elementos podem ter atributos que forn Esses seletores permitem a seleção de um elemento com base na presença de um atributo sozinho (por exemplo, href) ou em várias correspondências diferentes com o valor do atributo. -| Selector | Example | Description | +| Seletor | Exemplo | Descrição | | ---------------- | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | | `[attr]` | `a[title]` | Corresponde a elementos com um atributo attr (cujo nome é o valor entre colchetes). | | `[attr=value]` | `a[href="https://example.com"]` | Corresponde a elementos com um atributo attr cujo valor é exatamente value - a string entre aspas. | @@ -57,7 +57,7 @@ No exemplo abaixo você pode ver esses seletores sendo usados. Esses seletores permitem uma correspondência mais avançada de substrings dentro do valor do seu atributo. Por exemplo, se você tivesse classes de `box-warning` e `box-error` e quisesse combinar tudo que começou com a string "box-", você poderia usar `[class^="box-"]` para selecionar os dois (ou `[class|="box"]` como descrito abaixo). -| Selector | Example | Description | +| Seletor | Exemplo | Descrição | | --------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------- | | `[attr^=value]` | `li[class^="box-"]` | Corresponde a elementos com um atributo attr (cujo nome é o valor entre colchetes), cujo valor começa com valor. | | `[attr$=value]` | `li[class$="-box"]` | Corresponde a elementos com um atributo attr cujo valor termina com valor. | @@ -73,7 +73,7 @@ O próximo exemplo mostra o uso desses seletores: {{EmbedGHLiveSample("css-examples/learn/selectors/attribute-substring.html", '100%', 800)}} -## Case-sensitivity +## Sensibilidade à maiúsculas Se você deseja combinar valores de atributo sem distinção entre maiúsculas e minúsculas, você pode usar o valor i antes do colchete de fechamento. Este sinalizador informa ao navegador para corresponder caracteres ASCII sem distinção entre maiúsculas e minúsculas. Sem o sinalizador, os valores serão correspondidos de acordo com a distinção entre maiúsculas e minúsculas do idioma do documento - no caso do HTML, será sensível a maiúsculas e minúsculas. diff --git a/files/pt-br/learn/css/building_blocks/selectors/index.md b/files/pt-br/learn/css/building_blocks/selectors/index.md index e43c7368021849..9722de740ab10f 100644 --- a/files/pt-br/learn/css/building_blocks/selectors/index.md +++ b/files/pt-br/learn/css/building_blocks/selectors/index.md @@ -186,7 +186,7 @@ Você pode dar uma olhada na tabela de referência de seletores abaixo para obte A tabela a seguir fornece uma visão geral dos seletores disponíveis para uso, juntamente com links para as páginas deste guia que mostram como usar cada tipo de seletor. Também incluí um link para a página MDN de cada seletor, onde você pode verificar as informações de suporte do navegador. Você pode usar isso como uma referência para voltar quando precisar consultar os seletores mais tarde no material, ou quando você experimentar CSS em geral. -| Selector | Example | Learn CSS tutorial | +| Seletor | Exemplo | Tutorial CSS | | ------------------------------------------------------------------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------ | | [Type selector](/pt-BR/docs/Web/CSS/Type_selectors) | `h1 { }` | [Type selectors](/pt-BR/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors#Type_selectors) | | [Universal selector](/pt-BR/docs/Web/CSS/Universal_selectors) | `* { }` | [The universal selector](/pt-BR/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors#The_universal_selector) | diff --git a/files/pt-br/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md b/files/pt-br/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md index ca58f881f5f04f..7271fadd32e927 100644 --- a/files/pt-br/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md +++ b/files/pt-br/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md @@ -10,7 +10,7 @@ Nesta lição, vamos analisar alguns dos seletores simples, o qual provavelmente - +
Pré-requistos:Pré-requisitos: Familiaridade básica com uso de computadores,