CSS3 Tutorial Italiano 04 - Guida completa ai selettori in CSS

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 47

  • @EdoardoMidali
    @EdoardoMidali  Год назад

    ⚡ É uscito il Corso CSS Zero ad Avanzato in 20 ore sul mio sito codegrind.it/corsi/corso-css-completo/
    Non solo vedremo CSS, ma vi parleremo di tutto l'ecosistema che gli ruota attorno come i vari framework, preprocessori, accessibilità, performance, web design e tanto altro.😎👍

  • @luigiesse21
    @luigiesse21 2 года назад +13

    Ciao. Si vede che sei un programmatore coi controca. e con tanta esperienza. Ma hai anche la capacità di spiegare le cose bene, in maniera ordinata, con video a cadenza regolare e soprattutto in maniera tale da rendere lo studio della materia piacevole, cosa che anche per un appassionato di informatica potrebbe risultare difficile. Complimenti! Corsi utilissimi per tutti. Continua così.

  • @LizArb21
    @LizArb21 3 года назад +8

    Sto apprezzando molto l'esistenza del tuo canale, lo sto sfruttando per preparare il mio esame di stato in realtà ( un ripasso non fa male a nessuno).
    Grazie al fatto che non sbiascichi nemmeno una parola posso risparmiare il tempo guardando il tutto a veloictà x2 e il dato che esponi i concetti in maniera magistrale il tutto si semplifica ancora di più.
    A breve effettuerò un abbonamento al canale poiché è più che meritato

    • @EdoardoMidali
      @EdoardoMidali  3 года назад +1

      ti ringrazio tanto e mi fa molto piacere

  • @simox7492
    @simox7492 3 года назад +2

    Tu sei il re di tutti i re, ottime spiegazioni :)

  • @gabrielparadiso9592
    @gabrielparadiso9592 Год назад

    sei uno dei migliori zii !

  • @andrearicci8688
    @andrearicci8688 3 года назад

    Complimenti! Video ottimi!😁

  • @lordparra7028
    @lordparra7028 3 года назад +1

    Sei la luce in fondo al tunnel :)

    • @EdoardoMidali
      @EdoardoMidali  3 года назад +1

      Mi accontentavo di essere utile ahahahah

  • @azurekaenbeats9127
    @azurekaenbeats9127 Год назад

    Ciao edo, nell'ultimo esempio di selettori di attributo con greenyellow, cosa metti dopo class? quello che basta che contenga solo box

  • @danieleesposito5488
    @danieleesposito5488 3 года назад +1

    ragazzi,su 2096 visualizzazione 89 mi piace, un cazzo di mi piace a sto ragazzo e mettetelo !
    grazie mille edoardo,cmq sei toscano?

    • @EdoardoMidali
      @EdoardoMidali  3 года назад

      Sono lombardo comunque ti ringrazio :D

    • @andrearicci8688
      @andrearicci8688 3 года назад

      @@EdoardoMidali si sente 🙈

    • @pimadavide90
      @pimadavide90 2 года назад

      youtube fa schifo.. ce gente fenomenale che becca 5 like anche ..

  • @essea_5630
    @essea_5630 2 года назад

    Ciao Edo, grazie mille per i video e le spiegazioni chiare, unica cosa che volevo chiederti, è riguardo ai selettori in cui hai fatto l'esempio "box-" e "-box" la voce potrebbe essere diversa o è proprio con la parola "box"?
    Grazie mille

  • @keydyusufmohamed7321
    @keydyusufmohamed7321 Год назад

    Ciao Edoardo! Ti scrivo perchè alla fine di questo video dopo che tutto mi è riuscito mi sono bloccato non capendo il comportamento del "combinatore" dell'elemento adiacente; in pratica ho fatto semplicemente nel body:
    paragrafo 1
    paragrafo 2
    paragrafo 3
    paragrafo 4
    ...ed in nell' del documento html:
    div+p {
    background-color: red;
    }
    ...per cui mi aspettavo che il primo sotto assumesse uno sfondo rosso...ma cosi non è stato, perchè??

    • @keydyusufmohamed7321
      @keydyusufmohamed7321 Год назад

      credo di aver capito: p in questo caso è figlio e non fratello di div ....se riesci dimmi se ho capito l'inghippo...grazie mille!!!

  • @manuelbava3408
    @manuelbava3408 3 года назад +1

    Ciao ancora complimenti, volevo chiederti una cosa ovvero non ho capito la differenza nell'uso dei Div class e i Div id in che circostanze si usa uno o l'altro ?
    Grazie e ancora complienti

    • @EdoardoMidali
      @EdoardoMidali  3 года назад +2

      in realtà non c'è una casistica specifica. Semplicemente usa questa regola:
      1) l'id è univoco quindi riconosce lo stile di un solo elemento
      2) la classe è trasversale quindi puoi applicare lo stesso stile a più elementi

    • @manuelbava3408
      @manuelbava3408 3 года назад

      @@EdoardoMidali Ok terrò a mente il tuo consiglio grazie mille e buona domenica

  • @francescogalluccio291
    @francescogalluccio291 3 года назад

    non si usa rem come unità di misura ora?

  • @leonardocafissi5580
    @leonardocafissi5580 Год назад

    è possibile utilizzare .classe1:hover ma modificare le proprietà di una classe2?

    • @EdoardoMidali
      @EdoardoMidali  Год назад

      .parent:hover .child

    • @leonardocafissi5580
      @leonardocafissi5580 Год назад

      @@EdoardoMidali ma come faccio se l'elemento della classe 2 non è dentro alla classe 1? ho un bottone, io vorrei che se passassi sopra con il mouse si sottolineasse un paragrafo nel testo, il problema è che il testo è fuori dal bottone

  • @christianfavara9032
    @christianfavara9032 3 года назад

    Molto utile !!! Scusa perché alcuni video sono privati? Sono a pagamento?

  • @Mr.Manimal
    @Mr.Manimal Год назад

    Quando fai questo esempio non capisco cosa c'è prima dell'uguale(=):
    a[class='box-'] {
    background-color: red;
    }
    Ho provato con il backtick o la "virgoletta" singola ma non funziona.

    • @Mr.Manimal
      @Mr.Manimal Год назад

      Stessa cosa per l'ultimo esempio dei selettori di attributo. Grazie se puoi e complimenti per i tuoi corsi, sto seguendo anche html e Javascript e per quest'ultimo per ora sei l'unico che me lo sta rendendo comprensibile.

    • @EdoardoMidali
      @EdoardoMidali  Год назад +1

      [attribute^="value"] sopra la ì

    • @Mr.Manimal
      @Mr.Manimal Год назад

      @@EdoardoMidali Grazie per la risposta, so che non è una cosa scontata con tutte le domande che ti fanno!.

  • @Fabiosoluzionipc
    @Fabiosoluzionipc 3 года назад

    ciao ho creato un file così
    ciao sono un h1
    ciao sono un paragrafo
    in css ho scritto
    .container[img] {
    width:300px;
    color: blue;
    } perchè img non mi cambia larghezza impostando widht?
    grazie

    • @EdoardoMidali
      @EdoardoMidali  3 года назад +1

      è sbagliato il selettore. Nelle parentesi quadre vanno gli attributi e img è un elemento.
      .container img oppure .container > img

    • @Fabiosoluzionipc
      @Fabiosoluzionipc 3 года назад

      @@EdoardoMidali grazie sempre disponibile e gentile

  • @bytescript2
    @bytescript2 2 года назад

    Ciao, come si crea un select che si apre a sfioro?

    • @EdoardoMidali
      @EdoardoMidali  2 года назад +1

      javascript idealmente, oppuse solo in css bottone:hover > menu {
      display: block
      }

  • @pimadavide90
    @pimadavide90 2 года назад

    non riesco a trovare il carattere speciale "~" sai come inserirlo?

  • @yassinebouziane7758
    @yassinebouziane7758 3 года назад

    Ciao!Ma fatai anche javascript?

    • @EdoardoMidali
      @EdoardoMidali  3 года назад +1

      c'è già un corso diviso in due macro video sul canale. La playlist completa arriverà dopo il 27esimo o 28esimo episodio di css

    • @yassinebouziane7758
      @yassinebouziane7758 3 года назад

      @@EdoardoMidali volevo chiederti un'altra cosa, io ho 2 parole ce le ho nella stassa riga ma voglio definire lo spazio tra loro 2 come faccio?

    • @EdoardoMidali
      @EdoardoMidali  3 года назад

      @@yassinebouziane7758 word-spacing

    • @gabrielesimoncini1121
      @gabrielesimoncini1121 3 года назад

      @@EdoardoMidali word-spacing è un tag HTML oppure CSS?

    • @EdoardoMidali
      @EdoardoMidali  3 года назад

      @@gabrielesimoncini1121 css