تفاوت اجرای دستور شبه سلکتورهای tag:attributes با tag[attributes] در چیست؟

[محمد صالح]

تفاوت اجرای دستور شبه سلکتورهای tag:attributes با tag[attributes] در چیست؟

مثال : a[target] vs a:target              or            input:focus vs input[focus]

[علی ربیع زاده]

سلام عصر بخیر.
ببینید شما وقتی چیزی روی داخل پرانتز میزنید معمولا attribute رو میخواهید فراخونی کنید به مثال زیر دقت کنید.

[scode lang=”html”]

[/scode]

وقتی شما داخل [ ] میزنید میخواهید صفت(attribute) که داخل تگ مورد نظر تعریف شده فرا خونی کنید

[scode lang=”css”]
input[type=”text”]{
background-color:blue;
}
[/scode]

ولی وقتی همچنین کدی میزنید

[scode lang=”css”]
input:focus{
background-color:red;
}
[/scode]

اینجا چیز به نام صفت(attribute) تعریف نشده چون شما چیزی به نام focus‌تعریف نکردید و یک حالت کلی هست که برای input از پیش تعریف شده و در واقع شما میخواهید اگر این حال کلی روی تگ input اتفاق افتاده بود روش کد css اعمال بشه.

برای a هم به همین صورت هست وقتی تگ a با صفت(attribute) مثل target تعریف بشه میونید با استفاده از [ ] روی اون کد اعمال کنید و عملا چون target یک صفت هست و حالت کلی نیست پس بدون [ ] معنی نداره.

[نویسنده]

نوشته‌ها