در کلید شماره 26146 ، در مورد رنگ ها (Color) در W3.CSS صحبت کردیم. با فرض دانستن مقدمات مربوط به آن کلید آموزشی، اکنون قصد داریم آموزش بدهیم که در صورت دانستن نام رنگ (Color) مورد نظرتان، چگونه آن را برای تغییر رنگ متن (text) درون عنصرها به کار ببرید.

برای این منظور، شکل کلی کلاس (Class) مورد نیاز که باید برای عنصر مورد نظرمان در صفحه HTML ذکر شود، به صورت زیر می باشد :

که در آن، باید به جای کلمه color ، نام رنگ مورد نظر خود را بنویسید (البته با حروف کوچک).

بنابراین در کلاس های (Class) مربوط به تغییر رنگ متن (text) درون عنصرها، ابتدا عبارت w3-text- نوشته می شود و سپس نام مربوط به رنگ، ذکر خواهد شد. مثل کلاس های زیر :

این کلاس ها (Class)، رنگ متن درون عنصر را تغییر می دهند. به عنوان مثال، کلاس w3-text-red ، باعث می شود که رنگ متن درون عنصر برابر رنگ قرمز (red) باشد.

به مثال زیر توجه کنید :