No video

:has() Vai Mudar o CSS para SEMPRE!

  Рет қаралды 45,485

dpw

dpw

2 жыл бұрын

:has() é a novidade CSS que a comunidade estava esperando há muito tempo. Vem saber porque has muda TUDO no CSS!
Já pensou em um seletor CSS que permite verificar se um elemento específico existe dentro de um elemento-pai?
Até então, isso não era possível com CSS, mas, com a chegada da pseudo-classe :has(), CSS se torna muito, mas muito mais poderosa.
Já temos determinados combinadores que permitem verificar seletores adjacentes, descentes etc., mas, até então, nada que permitisse verificar a ascendência!
Não é a toa que :has está sendo chamado de "seletor pai" ( ou "seletor do elemento pai") por muitos.
O que não está inteiramente errado, mas o :has() vai muito além de verificar se um elemento contém determinado filho.
Assista ao vídeo para saber como usar o seletor :has(), que muda TUDO na estilização Web, para conseguir fazer verificações avançadas e subir o nível do seu CSS.
⭐ Garanta sua vaga na próxima turma do curso de CSS
www.cssalemdosensocomum.com.br/
💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
/ discord
🌐 Artigo + exemplos de :has() no blog do Ahmad Shadeed
ishadeed.com/article/css-has-...
==========
📷 Equipamentos usados para gravar este vídeo
- Sony Alpha a6400: amzn.to/3LZ9Zkv
- Cartão 128GB Extreme PRO SDXC: amzn.to/3rqVPRg
- Tripé Weifeng WT6734: amzn.to/3LYWUb4
==========
Assine o canal! bit.ly/dpw-youtube
- Facebook: / desenvolvweb
- Instagram: / desenvolvweb
- Twitter: / desenvolvweb
Conheça o blog desenvolvimento para web: desenvolvimentoparaweb.com/

Пікірлер: 188
@isackblue
@isackblue 2 жыл бұрын
Tárcio é o cara mais foda que conheço no CSS. Sempre com uma PUTA DIDÁTICA, explica bem pra caramba, simples e direto! Parabéns!!
@dpwoficial
@dpwoficial 2 жыл бұрын
Que eeesso, Isack! Brigadasso! :D
@unitybr3222
@unitybr3222 Жыл бұрын
Dou aula de CSS faz 10 anos. Esperei isso por todo esse tempo. Tive que aprender JS só para contornar a falta desse seletor. Não sei porque demorou tanto.
@dpwoficial
@dpwoficial Жыл бұрын
De uns anos para cá, o CSS tá avançando bem rápido. A partir de agora, vamos esperar cada vez menos por novas features como essa. :)
@fabriciobrandao9188
@fabriciobrandao9188 2 ай бұрын
E pq n aprendeu js antes? Quem programa só com css?
@eltonsantosoficial
@eltonsantosoficial 2 жыл бұрын
Caraca, ficou muito muito mais facil de fazer coisas q antes eram tao complexas! Gostei muito e com certeza vou usar bastante! Parabens pela aula e didática!
@dpwoficial
@dpwoficial 2 жыл бұрын
Com certeza, Elton. Eu escrevi aí no título e é verdade: vai mudar o CSS!
@matheusfelizardo9155
@matheusfelizardo9155 Жыл бұрын
Nossa, incrível!! Em breve o CSS vai tomar bastante espaço do Javascript, grazadeus
@dpwoficial
@dpwoficial Жыл бұрын
"grazadeus" 😆
@jorgehnc
@jorgehnc Жыл бұрын
Muito bom meu camarada, estudamos no Antônio Carlos. Sempre muito inteligente e didático.
@dpwoficial
@dpwoficial Жыл бұрын
Faaala, Jorge! Sumidaaasso! :D
@jorgehnc
@jorgehnc Жыл бұрын
@@dpwoficial Abraço meu amigo e muito sucesso na carreira.
@MGArtDZN
@MGArtDZN Жыл бұрын
Muito boa essa adição. Sempre tive problemas com isso, pois pra contornar a falta do has, eu tinha q usar js e acabava tendo que controlar um js + css pra uma coisa que deveria ser simples. Vai facilitar muito esse has
@dpwoficial
@dpwoficial Жыл бұрын
Justamente! CSS FTW o/
@glauciarezende
@glauciarezende Жыл бұрын
Eureka! Genial... obrigada!
@dpwoficial
@dpwoficial Жыл бұрын
Tudo nosso. ;)
@douglasbertelli7810
@douglasbertelli7810 2 жыл бұрын
Cara, o CSS está cada dia mais incrivel 😄
@dpwoficial
@dpwoficial 2 жыл бұрын
Sim, tá sensacional! 😭
@MarcosAntonio-hp9rt
@MarcosAntonio-hp9rt 2 жыл бұрын
O correto é a CSS
@dpwoficial
@dpwoficial 2 жыл бұрын
@@MarcosAntonio-hp9rt Se for para ser extremamente preciso, seria "as CSS". =P
@dpwoficial
@dpwoficial Жыл бұрын
@Cailton Oliveira Costa Tipo isso? blog.logrocket.com/native-css-nesting/
@dpwoficial
@dpwoficial Жыл бұрын
@Cailton Oliveira Costa Tipo isso? blog.logrocket.com/native-css-nesting/
@tatianalima2724
@tatianalima2724 Жыл бұрын
Mano melhor canal, já primeira vez que vi esse tal de has ai, já gostei que trás novidades
@dpwoficial
@dpwoficial Жыл бұрын
Muito obrigado! 😁
@rg.campos
@rg.campos Жыл бұрын
Meninão.. Saudades! Parabéns pelos vídeos.. Acompanho sempre que possível! Você é referência em CSS no Brasil 👊
@dpwoficial
@dpwoficial Жыл бұрын
Não some, pô! 😭
@yOkay_
@yOkay_ Жыл бұрын
Oque antes era apenas uma linguagem turing machine hoje é turing complete por cálculo e condicionais. CSS envoluindo cada vez mais!
@dpwoficial
@dpwoficial Жыл бұрын
o/
@BrunoPulis
@BrunoPulis 2 жыл бұрын
Parabéns pelo conteúdo excelente didática. Muito bom saber que o CSS está evoluíndo nesse aspecto. Só de pensar que possíveis elementos poderão ser exibidos ou não com CSS puro fez meu coração ficar mais quentinho!
@dpwoficial
@dpwoficial 2 жыл бұрын
Muito obrigado e concordo totalmente, Bruno!
@calvinteixeira1087
@calvinteixeira1087 Жыл бұрын
Simplifica muita coisa.. mas uma outra forma que daria pra executar essa ideia (de forma parcial) apenas com o uso de CSS é com o uso do nth-of-type... Um exemplo simples para estilizar uma tag caso ela contenha filhos do tipo seria fazer p a:nth-of-type(n) { color: red; }, essa mesma regra pode ser aplicada em classes e ids, caso você queira estilizar tags específicas.. mas com certeza a leitura do has ainda é muito mais simplificada e também abre a possibilidade de estilizar alguns elementos em situações que o nth-of-type não conseguiria, que é por exemplo quando tiver um determinado valor selecionado na tag select como você mostrou no vídeo.... ótima dica e ótima funcionalidade para o css!
@dpwoficial
@dpwoficial Жыл бұрын
Não seria a mesma coisa, Calvin. No exemplo, você estaria estilizando o link, não o parágrafo. O seletor-chave de :has() é completamente diferente. :)
@calvinteixeira1087
@calvinteixeira1087 Жыл бұрын
@@dpwoficial Ah sim, acho que interpretei errado. O :has() aplica o estilo ao elemento "pai" da regra.. Boa, realmente é totalmente diferente, isso ajuda muito a não ter que inserir JS em alguns casos
@dpwoficial
@dpwoficial Жыл бұрын
@@calvinteixeira1087 Isso mesmo. O :has() subiu o CSS para outro nível!
@valdineidossantos
@valdineidossantos 2 жыл бұрын
Top demais
@dpwoficial
@dpwoficial 2 жыл бұрын
CSS FTW
@trilhacoder
@trilhacoder 2 жыл бұрын
Sensacional!
@dpwoficial
@dpwoficial 2 жыл бұрын
Realmente, é demais!
@kabulosolima
@kabulosolima 2 жыл бұрын
Aos pouco css ta tirando muito funcionalidade que só era possível com javascript
@dpwoficial
@dpwoficial 2 жыл бұрын
Sim. Daqui a pouco teremos o JS-in-CSS. =P
@alicesalvatino773
@alicesalvatino773 Жыл бұрын
mt bomm!!
@dpwoficial
@dpwoficial Жыл бұрын
vlwww
@fnk100
@fnk100 2 жыл бұрын
Eu não sou front, sou designer. Mas amo css, e cada dia o amor cresce mais kkkk
@dpwoficial
@dpwoficial 2 жыл бұрын
Mais 2 ou 3 novas features e você será convertido... rsrs
@fnk100
@fnk100 2 жыл бұрын
@@dpwoficial kkkkk né muito difícil não
@SeuMadrugaWorld
@SeuMadrugaWorld 2 жыл бұрын
Muito bom o vídeo e explicação 👍
@dpwoficial
@dpwoficial 2 жыл бұрын
Obrigado 👍
@tomsantos220
@tomsantos220 2 жыл бұрын
perfeito pra que usa wordpress e um adianto !! obg professor
@dpwoficial
@dpwoficial 2 жыл бұрын
De nada. Volte sempre.
@pokkari97
@pokkari97 Жыл бұрын
Conteúdo bom demais!
@dpwoficial
@dpwoficial Жыл бұрын
vlwww
@AldemirSouzai9
@AldemirSouzai9 2 жыл бұрын
Poderoso demais! Sempre procuro usar css para fazer maior parte das coisas antes de partir para o uso JavaScript.
@dpwoficial
@dpwoficial 2 жыл бұрын
Eu também! E cada vez mais está sendo possível com as novas features que vão chegando em CSS.
@alexferrazoliver
@alexferrazoliver Жыл бұрын
Sensacional
@dpwoficial
@dpwoficial Жыл бұрын
o/
@eduardosalles9212
@eduardosalles9212 Жыл бұрын
cara.. que legal!
@dpwoficial
@dpwoficial Жыл бұрын
👍
@joaofrancisco5781
@joaofrancisco5781 2 жыл бұрын
Eu só uso Styled components, mas é mt bom saber disso, vai ajudar mt
@dpwoficial
@dpwoficial 2 жыл бұрын
Já já tá chegando no styled.
@alexandroabade
@alexandroabade Жыл бұрын
*_Wow!_* Achei super incrível tanto a novidade como todo o conteúdo apresentado.
@dpwoficial
@dpwoficial Жыл бұрын
Bom demás!
@leandroalvesdasilva8415
@leandroalvesdasilva8415 Жыл бұрын
Seu canal é top de mais, confesso que me embanano muito com CSS, mas seus vídeos estão me ajudando bastante. Obrigado.
@dpwoficial
@dpwoficial Жыл бұрын
Fico feliz em saber, Leandro! Estamos aqui para isso. :)
@TrinoAlexandre
@TrinoAlexandre 2 жыл бұрын
Que aula meus amigos!!! Valeu por esse conteudo maravilhoso!!
@dpwoficial
@dpwoficial 2 жыл бұрын
Que isso, eu que agradeço o comentário. :)
@clintonrocha4980
@clintonrocha4980 2 жыл бұрын
Ótimo conteúdo !!!!!
@dpwoficial
@dpwoficial 2 жыл бұрын
Muito obrigado, Clinton!
@cavalinhopocoto
@cavalinhopocoto 2 жыл бұрын
Sensacional! Mudança de tema 🧡
@dpwoficial
@dpwoficial 2 жыл бұрын
o/
@WaldirNeto_inspiration
@WaldirNeto_inspiration 2 жыл бұрын
Muito bom!!!!! Imagine fazer várias combinações com esse carinha
@dpwoficial
@dpwoficial 2 жыл бұрын
Tô pensando em fazer uma live para mostrar mais possibilidades... :has() é realmente INCRÍVEL!
@jeftefariamatamba6030
@jeftefariamatamba6030 Жыл бұрын
Tárcio por favor, faz ai um mini curso de web Accessibility. aqui no youtube tem quase nada em pt. eu tenho procurado referencias para leitura e n encontro quase nada. porfavor, faz um mini curso ou mesmo uma live para introduzir esses conceitos e talvez com um mini projecto pratico.
@dpwoficial
@dpwoficial Жыл бұрын
Boa ideia! Enquanto não fica pronto, dá para você consultar nossos artigos no blog: desenvolvimentoparaweb.com/tag/acessibilidade/
@jeftefariamatamba6030
@jeftefariamatamba6030 Жыл бұрын
@@dpwoficial valeu Tárcio, vou esperar com grande animo.
@WedersonWinchester
@WedersonWinchester 8 ай бұрын
Amei!
@dpwoficial
@dpwoficial 8 ай бұрын
😊
@rivaldosouza362
@rivaldosouza362 2 жыл бұрын
Cara! Você explica bem demais, parabéns
@dpwoficial
@dpwoficial 2 жыл бұрын
Muito obrigado! 😁
@supermanbrz
@supermanbrz 2 жыл бұрын
Legal, embora ambos atualmente ainda são possíveis com CSS então não vejo muita novidade: Primeiro caso: só adicionar uma classe pra diferenciar e identificar a imagem dentro Segundo caso: pode sim envolver em uma label, e ter um dentro logo após o input pra seguir a mesma lógica do :checked + span (sem precisar de JS) Terceiro caso: poderia usar o css pra figcaption normal, se não houver figcaption simplesmente o css não teria elemento pra aplicar a borda
@dpwoficial
@dpwoficial 2 жыл бұрын
Primeiro caso: foi feito sem classe adicional. Segundo caso: Foi feito sem a necessidade de tags adicionais. Terceiro caso: A regra não é para aplicar borda no figcaption.
@0hora313
@0hora313 2 жыл бұрын
QUE VÍDEO BOM! Primeira vez que vejo um vídeo do teu canal, KZfaq me deu uma ótima recomendação.
@dpwoficial
@dpwoficial 2 жыл бұрын
Que bom que gostou. Compartilha com a galera para eles também receberem essas recomendações.
@valdemirochaves
@valdemirochaves 2 жыл бұрын
Parabéns pelo conteúdo. Muito bem explicado.
@dpwoficial
@dpwoficial 2 жыл бұрын
Obrigado, Valdemiro.
@marceloteixeiramodesti2268
@marceloteixeiramodesti2268 2 жыл бұрын
Parabéns pelo canal, didática e tudo mais. Excelente. Virei inscrito.
@dpwoficial
@dpwoficial 2 жыл бұрын
Vlw, Marcelo!
@rsoaresctb
@rsoaresctb Жыл бұрын
CSS é lindo demais!!!
@dpwoficial
@dpwoficial Жыл бұрын
😭
@jefersoncambui5180
@jefersoncambui5180 2 жыл бұрын
muito legal, deixou bem claro pra mim muitas coisas, agora só preciso praticar mais, obrigado ! ✌✌
@dpwoficial
@dpwoficial 2 жыл бұрын
Opa, tamos aê.
@resumaodorafao
@resumaodorafao 2 жыл бұрын
Sempre com uma didática afiadíssima. Muitos parabéns!
@dpwoficial
@dpwoficial 2 жыл бұрын
vlwww
@Askki
@Askki Жыл бұрын
interessante!
@dpwoficial
@dpwoficial Жыл бұрын
Demás!
@juliocmendonca
@juliocmendonca 2 жыл бұрын
Cara, que didática perfeita!!!
@dpwoficial
@dpwoficial 2 жыл бұрын
Opa, ainda chegamos lá, Júlio... rs
@andertribal
@andertribal Жыл бұрын
Finalmenteeeee
@dpwoficial
@dpwoficial Жыл бұрын
\o/
@wesleyalmeidaofc
@wesleyalmeidaofc 2 жыл бұрын
ótima didática parabéns mano ! muito bom !
@dpwoficial
@dpwoficial 2 жыл бұрын
Muito obrigado!
@felipe_ramos
@felipe_ramos 2 жыл бұрын
O foda é que até poder usar isso com segurança em todos navegadores demora tanto.... Isso sempre me deixa de cara com novas features de linguagens
@dpwoficial
@dpwoficial 2 жыл бұрын
Demora um pouco mesmo... Mas já já taí pra gente usar à vontade. ;)
@felipe_ramos
@felipe_ramos 2 жыл бұрын
@@dpwoficial kkkk verdade, mas bate uma ansiedade pra já sair usando
@wellingtonfjr
@wellingtonfjr 2 жыл бұрын
didática mt boa e ótimos exemplos! +1 sub
@dpwoficial
@dpwoficial 2 жыл бұрын
vlwww
@RonanTI
@RonanTI 2 жыл бұрын
Mas um função pra minha engine game css 😋😍😍😍😍
@dpwoficial
@dpwoficial 2 жыл бұрын
Ó, sério isso? Que massa.
@edueuller5976
@edueuller5976 2 жыл бұрын
Você sabe quando mais ou menos o :has() vai ser suportado pelos navegadores sem usar os suports????
@dpwoficial
@dpwoficial 2 жыл бұрын
O @supports não é para dar suporte antecipado; ele somente verifica se tem ou não suporte (kzfaq.info/get/bejne/bcpiZrmdu9zRgas.html). Chrome e Safari já já vão suportar (caniuse.com/css-has); o restante, não tenho ideia. =/
@danilorodrigues5024
@danilorodrigues5024 2 жыл бұрын
que coisa incrível! ansioso pra poder usar.
@dpwoficial
@dpwoficial 2 жыл бұрын
Dois!
@MartaLFG
@MartaLFG Жыл бұрын
Oi Márcio! Sou UX/UI e estou à procura de um curso completo de front-end. Normalmente são muito superficiais, sem conhecimentos atualizados de OOCSS, e interação com o deploy do designer. Gostei muito da forma como ensinas. Tem algum curso que recomendas? Vi que usas o Sublime, algum motivo? Tenho preferência pelo Visual Studio como IDE, mas adapto
@dpwoficial
@dpwoficial Жыл бұрын
Oi, Marta. Tudo bem? Curso completo de front-end ainda não temos, mas temos um sobre boas práticas, convenções e boas práticas que aborda OOCSS e outras metodologias. O link tá na descrição aqui do vídeo; cadastra seu e-mail que vamos abrir turma ainda este ano. PS: esse editor não é o Sublime, é o site codepen.io/
@ant0nious426
@ant0nious426 2 жыл бұрын
Oloko, adicionaram uma "condicional" no CSS
@dpwoficial
@dpwoficial 2 жыл бұрын
ueheuhe Algo parecido... ;)
@cometarioxD
@cometarioxD 2 жыл бұрын
Adorei o conteúdo, realmente é MUITO útil! Queria saber se tem como usar juntamente com o Styled-components, até onde tentei, não tive sorte.
@dpwoficial
@dpwoficial 2 жыл бұрын
Ainda não é possível "oficialmente" nem com CSS puro; é um suporte que vai chegar em breve aos navegadores. Uma vez que esteja OK essa parte, aí o styled-componentes tem que fazer a mágica por debaixo dos panos para passar o código para CSS usando :has(), entendeu?
@cometarioxD
@cometarioxD 2 жыл бұрын
@@dpwoficial Entendi sim! Obrigado pela paciência em explicar e pelo conteúdo. Espero por mais vídeos assim!
@dpwoficial
@dpwoficial 2 жыл бұрын
@@cometarioxD Eu que agradeço a participação. :)
@laitonaluno5296
@laitonaluno5296 2 жыл бұрын
Muito bom
@dpwoficial
@dpwoficial 2 жыл бұрын
Demais!
@viniciusm.m.7822
@viniciusm.m.7822 2 жыл бұрын
top!!!
@dpwoficial
@dpwoficial 2 жыл бұрын
vlwww
@DanielRios549
@DanielRios549 2 жыл бұрын
Meu Deus cara, é melhor do que eu imaginava, já tava de olho nele mas não cheguei a usar porque o suporte está fraco ainda, mas e quanto ao PostCSS, tem como usar com ele? Eu fico me perguntando se tem porque parece um negócio meio que impossível de aplicar apenas com CSS fazendo uma transformação, que é o que o PostCSS faz
@dpwoficial
@dpwoficial 2 жыл бұрын
Não sei se o PostCSS tem alguma coisa... Não cheguei a procurar. Se encontrar, dá uma ideia. O problema é que eu já estou começando a pensar nos seletores com :has() com antecedência e tô começando a ter dificuldade de viver sem... aeueahe
@DanielRios549
@DanielRios549 2 жыл бұрын
@@dpwoficial É por isso que eu ainda não me aprofundei nele, eu sei que vou ficar dependente, rs, é um negócio muio revolucionário pro CSS, não vejo a hora de ter 90% de uso no CanIUse
@DiogoLScarmagnani
@DiogoLScarmagnani Жыл бұрын
Vindo aqui apenas para reclamar q já faz quase 1 ano desse atributo e o Mozilla ainda não incluiu.
@dpwoficial
@dpwoficial Жыл бұрын
Devagar e sempre... 😬
@GazetaOnlineMG
@GazetaOnlineMG Жыл бұрын
não seria mais fácil colocar o texto dentro de uma tag span e utilizar a mesma lógica que usou para o label ao invés de usar javascript?? apesar disso :has tá ai pra facilitar várias outras coisas
@dpwoficial
@dpwoficial Жыл бұрын
Daria também, mas é uma solução que obriga a "sujar" o HTML em busca de resultados de CSS. Foi um exemplo do "errado" para mostrar o "certo".
@thalesvictor3212
@thalesvictor3212 2 жыл бұрын
Esotu há meses ansioso por um curso seu de css, convenções, etc. Quando vai sair, Tárcio:
@dpwoficial
@dpwoficial 2 жыл бұрын
Daqui a pouco vamos abrir uma turma nova; cadastra seu e-mail para saber certinho: www.cssalemdosensocomum.com.br/
@thalesvictor3212
@thalesvictor3212 2 жыл бұрын
@@dpwoficial já cadastrei meus dois e-mails para não passar despercebido 👀
@dpwoficial
@dpwoficial 2 жыл бұрын
@@thalesvictor3212 haha Aí sim. Pode deixar que em breve vamos entrar em contato sobre isso. ;)
@thalesvictor3212
@thalesvictor3212 Жыл бұрын
@@dpwoficial infelizmente eu perdi a inscrição para o curso que saiu em dezembro do ano passado. Quando vi o e-mail já tinha se passado um dia, infelizmente. Quando pretende abrir outra turma?
@dpwoficial
@dpwoficial Жыл бұрын
@@thalesvictor3212 Não sei ao certo, mas não deve demorar muito. Fica ligado nos e-mails. 👍
@larissasantos3427
@larissasantos3427 Жыл бұрын
gente alguem me explica o que é o outline? as vezes eu dou "none" nele em determinados componentes, tipo inputs e buttons pq me ensinaram assim, mas n sei oq de fato ele é
@dpwoficial
@dpwoficial Жыл бұрын
developer.mozilla.org/pt-BR/docs/Web/CSS/outline
@flaviomachado2751
@flaviomachado2751 2 жыл бұрын
Qual é essa plataforma que usa para fazer os codigos?
@dpwoficial
@dpwoficial 2 жыл бұрын
No caso desse vídeo, foi tudo no codepen.io/
@valdemirochaves
@valdemirochaves 2 жыл бұрын
Então podemos dizer que o CSS pode ser considerado uma pseudo linguagem de programação? :D
@dpwoficial
@dpwoficial 2 жыл бұрын
JS-in-CSS
@alexandreferreira5477
@alexandreferreira5477 2 жыл бұрын
Bruxaria purinha...
@dpwoficial
@dpwoficial 2 жыл бұрын
🧙
@vitorrodrigues2969
@vitorrodrigues2969 2 жыл бұрын
7:40 eu nao entendi essa parte, pq exatamente o blue foi impresso?
@dpwoficial
@dpwoficial 2 жыл бұрын
Porque o :has() de cima tem id como seletor, que tem especificidade maior (mesmo vindo antes no código).
@weslleyfillipe1532
@weslleyfillipe1532 Жыл бұрын
O tanto de funçoes em JS q eu ja fiz pra resolver esse tipo de b.o ... kkk
@dpwoficial
@dpwoficial Жыл бұрын
haha Todos nós, meu amigo. Todos nós...
@Lpcnew
@Lpcnew Жыл бұрын
Vi no canIuse que o firefox ainda n da suporte (por default)...será quando que habilitam isso igual no chrome?
@dpwoficial
@dpwoficial Жыл бұрын
Não faço ideia.
@robsonklein1628
@robsonklein1628 Жыл бұрын
Não ter suporte para o Firefox barra legal o uso :(
@dpwoficial
@dpwoficial Жыл бұрын
Daqui a pouco chega.
@rafael-706
@rafael-706 2 жыл бұрын
vim do futuro para dizer que o css vai ser considerado linguagem de programação xD
@dpwoficial
@dpwoficial 2 жыл бұрын
Famoso JS-in-CSS.
@igorsilva736
@igorsilva736 Жыл бұрын
testei o :has com :checked no Firebox e só tá alterando a cor depois qe atualiza a page, não sei se é bug
@dpwoficial
@dpwoficial Жыл бұрын
9:12
@LuJC
@LuJC 2 жыл бұрын
Alguém de info que sabe pronunciar sintaxe corretamente??? Sinal do Apocalipse, no mínimo
@dpwoficial
@dpwoficial 2 жыл бұрын
Hã?!
@LuJC
@LuJC 2 жыл бұрын
@@dpwoficial, tipo, foi um elogio... 99,9999999% dos profissionais da área de informática não sabem pronunciar "sintaxe" corretamente. Quando vejo um que sabe, escorre até uma lágrima.
@dpwoficial
@dpwoficial 2 жыл бұрын
@J C Ahh, agora entendi! auheauhe ✌️
@alexandrejunior4775
@alexandrejunior4775 2 жыл бұрын
Ele já está funcionando com o npm sass ?
@dpwoficial
@dpwoficial 2 жыл бұрын
Sass não é para trazer recursos ainda não lançados para CSS; é um pré-processador CSS. Ele só permite escrever de um jeito diferente, mas, no final, usa CSS puro. Então, só quando tiver suporte para CSS puro que dá para usar com Sass também, entendeu?
@ReynaldoMoysesJunior
@ReynaldoMoysesJunior Жыл бұрын
a tendência é o CSS substituir o JS por inteiro
@dpwoficial
@dpwoficial Жыл бұрын
Será que um dia chega lá?
@both-eritonsotaku6860
@both-eritonsotaku6860 Жыл бұрын
Opa, tem alguma limitação pra usar ele? Tentei no meu editor, tentei em vários sites e fui no codepen e não está funcionando '-'
@dpwoficial
@dpwoficial Жыл бұрын
Dá uma olhada em 9:12 que explica sobre o suporte atual.
@both-eritonsotaku6860
@both-eritonsotaku6860 Жыл бұрын
@@dpwoficial foda, eu fui ver lá e meu browser não suportava'-'
@joseaugustoribeiro9317
@joseaugustoribeiro9317 2 жыл бұрын
Ja posso falar que sou programador CSS?
@dpwoficial
@dpwoficial 2 жыл бұрын
Poder pode... ¯\_(ツ)_/¯
@laurosantos6473
@laurosantos6473 Жыл бұрын
O css tá aos poucos parecendo mais uma linguagem de programação, ou é impressão minha?
@dpwoficial
@dpwoficial Жыл бұрын
Corretíssimo, Lauro. E isso até me preocupa um pouco...
@simc40monitoramentoecontro39
@simc40monitoramentoecontro39 Жыл бұрын
Já ta funcionando? Posso aplicar no meu projeto?
@dpwoficial
@dpwoficial Жыл бұрын
9:12
@4195B
@4195B 2 жыл бұрын
Começo do fim do JS
@dpwoficial
@dpwoficial 2 жыл бұрын
JS-in-CSS
@anapaulalopesaraujo3824
@anapaulalopesaraujo3824 2 жыл бұрын
Que loucura!! Já posso usar?!?!
@dpwoficial
@dpwoficial 2 жыл бұрын
Só experimentalmente, mas daqui a pouquinho, tá liberado oficialmente. :)
@anapaulalopesaraujo3824
@anapaulalopesaraujo3824 2 жыл бұрын
@@dpwoficial Legal 😄
@ginimarcosmaia4615
@ginimarcosmaia4615 Жыл бұрын
Noice
@dpwoficial
@dpwoficial Жыл бұрын
haha Noice!
@kaualandi1493
@kaualandi1493 2 жыл бұрын
Suporte aos browsers: caniuse.com/css-has
@dpwoficial
@dpwoficial 2 жыл бұрын
Daqui a pouco a coisa fica boa.
@zikigamer4412
@zikigamer4412 2 жыл бұрын
Agora da pra chamar CSS de programação? kkk
@dpwoficial
@dpwoficial 2 жыл бұрын
Ainda falta muito... =P
@samhk2222
@samhk2222 Жыл бұрын
Falou sintasse parei 😕
@dpwoficial
@dpwoficial Жыл бұрын
👋
@kvnol
@kvnol 2 жыл бұрын
Sensacional!
@dpwoficial
@dpwoficial 2 жыл бұрын
o/
5 super useful CSS properties that don't get enough attention
16:23
Kevin Powell
Рет қаралды 143 М.
小天使太有爱心了#天使#小丑#家庭#搞笑
00:32
家庭搞笑日记
Рет қаралды 25 МЛН
😳 Все русские уже знают итальянский?🇮🇹
00:15
Aprenda TUDO Sobre CSS Layers (CSS Cascade Layers)
15:21
Dark Mode com CSS: Simples, Rápido e Fácil
9:29
dpw
Рет қаралды 40 М.
Easiest Slider/Carousel | 8 Minutes | HTML & CSS & GlideJS
8:31
:has() opens up new possibilities with CSS
14:30
Kevin Powell
Рет қаралды 285 М.
BEM: A Convenção CSS Para Um Front End Muito Melhor
19:04
⭐ Minicurso Animações CSS
53:01
dpw
Рет қаралды 130 М.
ASMR Programming - Coding IOS (IPhone) Dynamic Music - No Talking
1:29:09