Salut, je suis nouveau sur ce site et j'ai un problème: j'ai créé et styliser une balise <i>, mais j'ai oublié qu'on ne pouvait pas y mettre de lien. Du coup quand j'essaye d'en mettre un ça rend tout moche avec le texte souligné et bleu.
Ce serait coûl en CSS et pas du SCSS, SASS, ou les variantes nulles (svp)

Au fait voila le code:
<div class="app">
<i class="fab fa-chrome"></i>
<img src="https://c-sf.smule.com/rs-s29/arr/2c/eb/23b8fd54-fc83-438c-8066-236d91b0e528_256.jpg" width=64, height=64>
<p>Hunter X Hunter
</p>
</div>

''''''et le style:

.app {
display: inline-block;
width: 20%;
margin: 0 2.2% 24px;
padding: 12px 6px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 3px;
transition: all 0.2s ease;
}

.app:hover {
border-color: #F27121;
}

.app i {
font-size: 2.4em;
color: #fff;
}

.app p {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
margin-top: 6px;
transition: 0.2s all ease;
}

.app:hover p {
color: rgba(255, 255, 255, 0.8);
}

https://developer.mozilla.org/fr/docs/Learn/CSS/Styling_text/Mise_en_forme_des_liens

Quel est selon toi le sélecteur css permettant de modifier une propriété d'une balise ?

Le sélecteur d'une class est ".maClass"
Le sélecteur d'un id est "#monId"

Et pour une balise simple ?

Merci pour les réponses, le selecteur CSS pour un href ou un bouton c'est juste href ou button non?

Non, la balise d'un lien n'est pas son attribut href mais <a> tout simplement, donc en CSS : a.
Cela étant en général on préfère y apposer une classe.
Pour ton cas c'est okay si tu veux virer le style par défaut de ton navigateur, notamment la couleur bleue.

Pour les balises HTML existantes leurs stylisations se fera comme ceci par exemple

a{
color:#0000;
}

h1{
font-weight:bold;
}

Ensuite si tu ajoutes des attributs à ces bases donc exemple <h1 class="subtitle">Mon sous-titre</h1> dans ce cas vu que tu as mis un attribut class, tu peux modifier comme cela dans le css

.subtitle {
font-size:32px;
}

Après tu as les id (identifiant) que tu peux aussi avoir comme ceci <h1 id="sous-titre">Mon super sous-titre</h1> pour modifier via un id il faut utiliser un hashtag au début

#sous-titre{
font-size:50px;
}