<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Aggiunta di testo tramite CSS]]></title><description><![CDATA[<p dir="auto">oltre a quanto già detto da <a class="plugin-mentions-user plugin-mentions-a" href="https://connect.gt/uid/134793">@GPax</a>, aggiungo che <code>::before</code> e <code>::after</code> non consentono un markup HTML quindi se vuoi inserire testo formattato in modo differente in più punti, devi sapere che eventuali personalizzazioni CSS vanno inserite gestendo in modo separato i vari ID o classi degli elementi, quindi riprendendo quanto ti è già stato detto, ad esempio:</p>
<pre><code><a class="plugin-hashtag-a" href="https://connect.gt/hashtags/nome1">#nome1</a>::before: {
color: <a class="plugin-hashtag-a" href="https://connect.gt/hashtags/00f">#00F</a>;   
content: "testo1";
}
<a class="plugin-hashtag-a" href="https://connect.gt/hashtags/nome2">#nome2</a>::before: {
color:#F00;
   content: "testo2";
}
</code></pre>
<p dir="auto">Il primo testo in questo esempio avrà colore blu, il secondo colore rosso. Quindi all'interno del codice HTML ci sarà il giusto riferimento, ad esempio <code>&lt;span id="nome1"&gt;&lt;/span&gt;&lt;span id="nome2"&gt;&lt;/span&gt;</code>, oppure ciò che trovi all'interno dell'HTML. Se vuoi aggiungere formattazioni differenti seguendo questa strada, devi fare un pezzo alla volta e prendere come riferimento con<code>::before</code> e <code>::after</code> i vari elementi già presenti.</p>
]]></description><link>https://connect.gt/topic/249861/aggiunta-di-testo-tramite-css</link><generator>RSS for Node</generator><lastBuildDate>Fri, 09 Oct 2026 13:28:25 GMT</lastBuildDate><atom:link href="https://connect.gt/topic/249861.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 04 Feb 2023 11:08:40 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Aggiunta di testo tramite CSS on Sat, 04 Feb 2023 10:32:35 GMT]]></title><description><![CDATA[<p dir="auto">Puoi usare i selettori ::after oppure ::before</p>
<p dir="auto">Esempio:</p>
<pre><code>p::after {
 content: " questo testo apparirà dopo tutti i paragrafi";
}
</code></pre>
<p dir="auto">Di contro ::before farà apparire il testo prima dei paragrafi.</p>
<p dir="auto">Se vuoi che il testo appaia in uno specifico paragrafo dovrai dargli un <a class="plugin-hashtag-a" href="https://connect.gt/hashtags/id">#id</a>:</p>
<pre><code>p#miotesto::before: {
   content: "Questo testo apparirà solo prima del paragrafo in id <a class="plugin-hashtag-a" href="https://connect.gt/hashtags/miotesto">#miotesto</a>."
}
</code></pre>
]]></description><link>https://connect.gt/post/1308040</link><guid isPermaLink="true">https://connect.gt/post/1308040</guid><dc:creator><![CDATA[GPax]]></dc:creator><pubDate>Sat, 04 Feb 2023 10:32:35 GMT</pubDate></item></channel></rss>