25
ho incontrato un selettore CSS in un file in questo modo:Cos'è il simbolo di caret^usato in css quando si selezionano gli elementi?
#contactDetails ul li a, a[href^=tel] {....}
A
risposta
32
Il carattere accento circonflesso “^” in quanto tale non ha significato definito nel CSS. L'operatore a due caratteri "^ =" può essere utilizzato in attribute selectors. In genere, [attr^=val] fa riferimento a quegli elementi che hanno l'attributo attr con un valore che inizia con val.
Pertanto, a[href^=tel] si riferisce a tali elementi a che hanno l'attributo href con un valore che inizia con tel. Probabilmente è pensato per distinguere i collegamenti del numero di telefono da altri collegamenti; non è abbastanza adeguato per quello, poiché il selettore egualmente corrisponde eg. <a href="tel.html">...</a> ma probabilmente si intende che corrisponda solo ai collegamenti con tel: come parte del protocollo. Quindi a[href^="tel:"] sarebbe più sicuro.
3
Significa tag il cui attributo href inizia con "tel"
Esempio:
<a href="tel123xxx">This is a link</a>
corrisponderà.
4
Il carato "^" usato come che corrispondono a un tag dove il href inizia con "tel" (http://csscreator.com/content/attribute-selector-starts)
5
un [href^= "tel"]
(^) significa che seleziona gli elementi che hanno l'attributo specificato con un valore iniziale/proprio partendo con una determinata stringa.
Qui si seleziona tutti gli elementi 'anchor' il valore dell'attributo href iniziare esattamente con una stringa 'tel'
Problemi correlati
- 1. Come si selezionano gli elementi in una lista usando jQuery?
- 2. prestazioni jQuery quando si selezionano più articoli
- 3. Java Swing - Aggiungi clemenza quando si selezionano elementi nei sottomenu
- 4. Come si selezionano i fratelli() di più elementi?
- 5. Come si selezionano gli elementi da un array utilizzando un array di indici con Linq?
- 6. Errore UITableView in iOS8 quando si selezionano elementi con stimaHeight diverso da rowHeight
- 7. Allinea gli elementi del modulo in css
- 8. Posizionamento CSS Sopra tutti gli elementi
- 9. La selezione è molto più lenta quando si selezionano gli ultimi record
- 10. Cosa significa il simbolo '/' dire in CSS
- 11. Interrompe gli elementi di spostarsi quando si utilizza StaggeredGridLayoutManager
- 12. Impostare il simbolo di valuta quando si scrive con xlsxwriter
- 13. QuadTrees - come aggiornare quando gli elementi interni si stanno muovendo
- 14. Gli elementi di blocco occupano tutta la larghezza quando il testo si estende su due righe
- 15. jQuery CSS() per gli elementi creati dinamicamente
- 16. Django - Il CSS smette di funzionare quando cambio gli url
- 17. Gli elementi specificati non verranno eliminati quando si utilizza ListView.Item.RemoveAt()
- 18. Quando si scontrano gli hash?
- 19. Devo staccare gli eventi in jQuery quando rimuovo gli elementi
- 20. Gli stili CSS non si applicano agli elementi dinamici in Internet Explorer 7
- 21. Come selezionare gli elementi in base al valore dell'attributo quando i valori contengono il simbolo del dollaro?
- 22. generazione di contenuti CSS prima o dopo gli elementi 'input'
- 23. Knockoutjs non aggiorna il valore quando si selezionano le opzioni modificate
- 24. Perché gli eventi mouseenter/mouseleave si attivano quando si immettono/escono elementi figlio in un SVG?
- 25. Seleziona rapidamente tutti gli elementi con immagine di sfondo css
- 26. Gli elementi trasformati CSS hanno z-index predefinito?
- 27. Seleziona tutti gli elementi a livello di blocco con css
- 28. Elementi di flexbox CSS sovrapposti in Safari
- 29. Il bordo del hover CSS rende gli elementi in linea leggermente regolabili
- 30. (bootstrap) Mantenendo un po 'di spazio verticale tra gli elementi quando si avvolgono?
@Yannis Dran hai capito? – Codegiant
sì grazie a tutti, mi ero confuso perché nel codice html non c'era alcun valore contenente la stringa "tel". –