استفاده از استایل،بدون نیاز به class و id

زمان جاریtime : شنبه 16 تیر 1403 - 7:06 بعد از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / آموزش css / استفاده از استایل،بدون نیاز به class و id

ارسال پاسخ جدید

تعداد بازدیدvisits : 401

oisrex

ارسال هاAnswers :	747
عضویتRegistration date :	4 /8 /1393
حمایت کردهThanks :	231
حمایت شدهThanked :	886

استفاده از استایل،بدون نیاز به class و id

fh sghl

iبا سلام همونطور که در عنوان معلومه، ما میخوایم در css داخلی و یا خارجی بدون استفاده از class به چیز هایی که مد نظر داریم، استایل بدیم

آموزش:

ما با استفاده از [ ] میخوایم بدون استفاده از class به چیز هایی که مد نظر داریم، استایل بدیم

نیازی به توضیح نمیبینم، خودتون به کد زیر نگاه کنید و اون رو تجزیه کنید، و ببینید که هر متنی چرا اینجوری شده:

کد:

<style>
font{
color: red
}
font[type="text"]{
color: blue;
}
</style>
<font type="text">این متن آبی است</font>
<br>

<font>این متن قرمز است</font>

منبع: کد آموز

چهارشنبه 12 آذر 1393 - 14:43

وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شدهThanks :

سپاس هاThanks (1) : smaeal -

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 1 : آموزش استفاده از CSS داخلی یا خارجی بدون استفاده از class

خیلی ممنون...منم یه چیز رو اضافه میکنم،این روش معمولاً برای اینپوت ها یا ورودی ها (input) و یا دکمه ها (button) کاربرد داره...

اینم یه مثالش:

کد:

<style>
input[type=password],
input[type=text]{
	display:inline-block;
	height:25px;
	margin:0;
	padding:0px 4px;
	font:11px tahoma;
	background:#fff;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
	-khtml-border-radius:1px;
	border-radius:4px;
	direction:ltr;
}
</style>

<input type="text">

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

چهارشنبه 12 آذر 1393 - 15:02

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : oisrex -

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

انجمن کدستان Moisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستانMoisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستان Moisrex