illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی طراحی وب (جلسه 10): انواع سلکتور های CSS - قسمت دوم

39 13102 ۵ بهمن ۹۳
در ادامه جلسه قبل که بعد از انجام یک مینی پروژه و ایجاد یک قالب خالص HTML به معرفی سلکتورهای مختلف CSS پرداختیم، امروز هم ادامه ی این سلکتور ها رو به شما معرفی می کنیم که اکثرا در CSS3 معرفی شدند و قابلیل های جالبی رو به سلکتورهای CSS افزودند. :: عموم مطالب ارائه شده عبارتند از :
  • سلکتور [attribute]
  • سلکتور [attribute=value]
  • سلکتور [attribute~=value]
  • سلکتور [attribute|=value]
  • سلکتور [attribute^=value]
  • سلکتور [attribute$=value]
  • سلکتور [attribute*=value]
  • سلکتور :active
  • سلکتور ::after
  • سلکتور ::before
  • سلکتور :checked
  • سلکتور :disabled
  • سلکتور :empty
  • سلکتور :enabled
  • سلکتور :first-child
  • سلکتور ::first-letter
  • سلکتور ::first-line
  • سلکتور :first-of-type
  • سلکتور :focus
  • سلکتور :hover
  • سلکتور :in-range
  • سلکتور :invalid
  • سلکتور :lang(language)
  • سلکتور :last-child
  • سلکتور :last-of-type
  • سلکتور :link
  • سلکتور :not(selector)
  • سلکتور :nth-child(n)
  • سلکتور :nth-last-child(n)
  • سلکتور :nth-last-of-type(n)
  • سلکتور :nth-of-type(n)
  • سلکتور :only-of-type
  • سلکتور :only-child
  • سلکتور :optional
  • سلکتور :out-of-range
  • سلکتور :read-only
  • سلکتور :read-write
  • سلکتور :required
  • سلکتور :root
  • سلکتور::selection
  • سلکتور :target
  • سلکتور :valid
  • سلکتور :visited
این مطلب یک جلسه از کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : به جای صرف هزینه های چند صد هزارتومانی برای یادگیری طراحی وب ، تنها با 30% هزینه ی کلاس های حضوری، دوره ی کامل و حرفه ای آموزش طراحی وب را برای شما عزیزان برگزار کرده ایم. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است. در این دوره مواردی مانند آموزش طراحی قالب متناسب با سئو، آموزش طراحی وب واکنشگرا (Responsive)، آموزش تبدیل قالب فتوشاپی به صفحه وب، آموزش ترجمه و فارسی سازی قالب های خارجی، آموزش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا و میهن بلاگ) به صورت کاملا عملی، از پایه تا پیشرفته توسط مدرسی با تجربه 10 ساله طراحی وب و دانشجوی دکترای نرم افزار برای شما به صورت کاملا اصولی و عملی تدریس می شود. شما برای این حجم مطالب آموزشی فقط یک سوم کلاس های حضوری هزینه می کنید! ما رضایت شما را تضمین خواهیم کرد ...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 39 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    بهرام آزادی(۲۱ مهر ۱۳۹۴)

    با سلام
    یه سوال داشتم
    مورد سلکتور های رویدادی که درون کروشه قرار میگیرند در مثال ها زمانی که از attribute html استفاده کردین مقدار آن را در دبل کوتیشن قرار دادین [“href=”https]
    ولی در مثال های دیگر از دبل کوتیشن استفاده نشد این دلیل خاصی داره؟

    • ‏‏
      لقمان آوند(۲۲ مهر ۱۳۹۴)

      سلام
      معمولا وقتی بخواید یک رشته متنی رو تو کدها استفاده کنید درون “” قرارش میدید. برای بعضی موارد که از قبل در صفحات وب معنی خاصی دارند استفاده از “” اختیاری هست .

  • ‏‏
    sokoot67(۲۱ دی ۱۳۹۴)

    این جوری پشتیبانی میکنید و پاسخو دانشجو ها رو میدید الان 31 روز من سوال پرسیدم جوابم ندادید

  • ‏‏
    حسین فراهانی(۲۲ اردیبهشت ۱۳۹۵)

    سلام جناب آوند .
    من درست فرق بین nth-of-type و nth-child رو متوجه نشدم .
    آیا کارشون یکسانه ؟ چون تو table>tr از هر کدوم از این سلکتورها استفاده بشه با فرمول 2n سطرهای زوج رو تحت تاثیر قرار میده .

  • ‏‏
    علی صوفی(۳ تیر ۱۳۹۵)

    سلام
    اقای اوند شب بخیر خواهشن کمکم کنید
    من در یک صفحه 30 تا عکس کوچیک به شکل ایکون دارم که میخوام دریفی به صورت ستونی و سطری کنار هم قرار بگیره و اینا همشون لینک دارن و اینکه یه شکل خوشکلی به این عکسا بدم چیکار میتونم بکنم بهترین روش چی هست کمکم کنید لطفا اینم ادرس صفحه
    http://digitamirgah.ir/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AA%D8%B9%D9%85%DB%8C%D8%B1%D8%A7%D8%AA-%DA%A9%D9%88%D9%84%D8%B1-%DA%AF%D8%A7%D8%B2%DB%8C/

  • ‏‏

    خسته نباشید استاد اوند :
    استاد میشه سلکتور های مهم رو برای من لیست کنین … و اونهایی که توی صفحه وب کاربرد بیشتری دارند !
    اگه زحمتی نیست البته … 😳 😀 😀 😉

    • ‏‏
      لقمان آوند(۱ مرداد ۱۳۹۵)

      همه سلکتور ها مهمند.
      در فایل های جلسات یه فایل شامل سلکتورها داریم اونو استفاده کنید.

      • ‏‏

        سلام مجدد استاد عزیز خودم!!! 😛 😛 😛 😛 😛
        استاد یه سوال توی تیبیل واسه اینکه یه خط در میون استایل دهی کنیم چرا از کد زیر استفاده نکردیم ؟؟

        میره n امین فرزند رو توی تیبل راو ها انتخاب میکنه که طبق گفته خوتون میشه الگوی زوجو فرد داد

        اما این کدی که خودتون نوشتید نفهمیدم دقیقا چی کار میکنه ؟؟ اگه میشه توضیح کوچیک بدید …

        استاد لقمان ببخشید این قدر سوال \رسیدم …
        یه سوال دیگه :sad: :smile: :smile: :smile: 😀
        توی سلکتور nth-child()
        توی () به غیر از عدد و الگو چه چیز دیگه ای میشه ورودی داد ؟؟؟ توی w3scholl رفتم سه تا ورودی داده بود ؟؟

        ممنون به خاطر \اسخگوییتون ببخشید اینقدر سوال کردم ❗
        بازم تشکر 😆

        • ‏‏
          لقمان آوند(۳ مرداد ۱۳۹۵)

          سلام
          بله میشه و روش های مختلفی برای انجام یه کار هست 😉
          میشه دقیقا بگید کجا 3 ورودی داده بود ؟

      • ‏‏

        http://www.w3schools.com/cssref/sel_nth-child.asp
        توی این قسمت !!!
        این توضیحم نوشته :

        دقیقا نفهمیدم چی گفته 😳

        • ‏‏
          لقمان آوند(۳ مرداد ۱۳۹۵)

          این که سادست.
          کلمات odd و even رو به صورت خاص برای تعین عناصر فرد و زوج میشه استفاده کرد. معادل همون 2n+1 و 2n هستند به ترتیب …

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram