CSS Selectors. marudzi selectors

, rimwe nerimwe uchida kuisa yakananga ruvara. How kuzviita? Standard CSS selectors hazvisi dzakakodzerana Tags, ivo anoratidza parameters kuti zvidhinha zvose kamwechete. The mhinduro iri nyore. Ipa nhengo dzekirasi. Somuenzaniso, mashoko okutanga vakagamuchira div kirasi = 'tsvuku', wechipiri - kirasi = 'yebhuruu', wechitatu - kirasi = 'girini'. Zvino vanogona kusarudzwa kushandisa CSS pamatafura.

The nemarongerwo iri sezvinotevera: Anoratidza pfungwa ( "."), Kutevedzerwa nokunyora zita kirasi. Kutarisira chikwata chokutanga, kushandisa pakuvaka .red. Chechipiri - .blue uye zvichingodaro.

Kunokosha! Zvinokurudzirwa kushandisa hunogutsa tsika boka chizenga. Zvinonzi vaiona zvakaipa fomu kushandisa mururimi (semuenzaniso, krasiviy-blok) kana anongoitika mubatanidzwa tsamba / nhamba (ojfh834871). Mubumbiro iri, imi vakasungwa kuti kuvhiringidzika, kwete kutaura matambudziko achasangana vaya vachava mubasa racho mushure iwe. The yakanakisisa kuita - kushandisa chero nzira, akadai Bem.

Advantages - nekaupenyu yakakwirira kunzwisisa.

Payakaipira - the akawanda zvinhu vave mumwe chete kirasi, izvo zvinoreva kuti vachanzwikwa rakapepetwa panguva. Dambudziko riri kugadziriswa nokushandisa nzira uyewo nhaka preprocessors. Iva nechokwadi kuti maoko enyu zvishoma, li kana imwewo preprocessor, ivo nyore zvikuru basa.

ID selector

About shanduro iyi pfungwa coders uye programmers vari zvakawanda. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. Vamwe CSS Tutorials regai kutokurudzira kushandiswa ID, nokuti kururama Chikumbiro vanogona kukonzera nezvinetso nhaka. Zvisinei, nyanzvi dzakawanda vari kushingaira kuronga navo panyika marongerwo. You kusarudza. # »), затем имя блока. The nemarongerwo iri sezvinotevera: pondo chiratidzo ( "#"), zvino zita nechepamberi. #red. Somuenzaniso, #red.

отличается от класса по нескольким параметрам. ID rwakasiyana mukirasi munzira dzakawanda. ID. Chokutanga, peji haagoni kuva mbiri dzakafanana ID. Vari basa rakasiyana nemamwe zita. Chechipiri, yakadai selector ane yepamusoro kunokosha. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. Izvi zvinoreva kuti kana iwe tsanangurai chikwata kirasi dzvuku uye tsanangurai mu CSS pamatafura tsvuku yaipinda ruvara, uye ipapo achiita kuti zvakangofanana ID zvitema uye kutaridzwa ruvara rwebhuruu, kuti chikwata vachadzokera mutema.

Advantages - unogona kudzora zvakananga chinhu, kurega kuteerera okuruka Tags uye makirasi.

ID и class. Payakaipira - nyore kurasika mune vakawanda ID uye mukirasi.

Kunokosha! ID вам, в общем-то, не нужны. Kana uri kushandisa Bem nzira (kana ayo analogues), ID kwamuri, vose zvavo, vasina kudiwa. Nzira iyi inosanganisira kushandiswa marongerwo rakasiyana nemakirasi kuti zvikuru yamunenge.

pasi rose selector

{}. Nemarongerwo: Starlets chiratidzo ( "*") uye kufamba ndakaisa simbi mumakumbo, kureva, {*} ...

Inoshandiswa kupa zvimwe unhu kamwe zvinhu zvose peji. Kana izvi zvinogona kubatsira? box-sizing: border-box. Somuenzaniso, kana uchida kuisa peji pfuma bhokisi-sizing: muganhu-bhokisi. div *{}. Havagoni chete kushandiswa kutarisira zvose zvinoumba gwaro, asi kudzora zvose vana akarongwa chinogumbura Somuenzaniso, div * {}.

Advantages - unogona kudzora vakawanda zvinhu panguva.

Nezvayakaipira - kwete zvakakwana tefa chisarudzo. Uyezve, kushandisa selector ichi, mune zvimwe zviitiko kunetesa peji basa.

ne unhu

Ita zvinoita kudzora chinhu ane chaicho chizenga. Somuenzaniso, une nhamba chiyamuro Tags ane zvakasiyana chizenga mhando. Mumwe wavo - wenyaya, wechipiri - pasiwedhi, wechitatu - nhamba. Chokwadi, unogona kuisa kirasi imwe neimwe kana ID, asi hazvisi nyore nguva dzose. CSS selectors unhu kuti tikwanise tsanangurai netsika mamwe Tags pamwe kunonyanyisa nemazvo. Somuenzaniso, seizvi:

chiyamuro [mhando = 'chinyorwa'] {}

selector Izvi zvichaita sarudza unhu mose mhando chiyamuro rwezuva.

The turusi rakanyatsojeka kuchinja uye kunogona kushandiswa kunomumwe Tags, umo pangava unhu. Asi kwete ndizvozvo zvose! The CSS Specification anokwanisa kudzora zvinhu pamwe kunyange kupfuura kurerukirwa!

Fungidzira kuti peji wako ane mazano pamwe chizenga placeholder = "Pinda zita" uye chiyamuro placeholder = "Nyora pasiwedhi". Vanogonawo kusarudzwa kushandisa selector! Kuti aite izvi, kushandisa inotevera mamiriro:

chiyamuro [placeholder = "Pinda zita"] {} kana chiyamuro [placeholder = "Pinda pasiwedhi"]

Zvichida basa zvikuru anonzwisisa pamwe unhu. Toti une nhamba Tags zvakafanana hunhu zita (somuenzaniso, "reCaspian" uye "reCaspian"). Kuti usarudze zvose, shandisa zvinotevera pazviridzwa:

[Rokuremekedza * = "Kaspiysk"]

CSS achasarudza ose zvinhu zviri musoro izvo pane zviratidzo "reCaspian", kureva. E., uye "reCaspian" uye "reCaspian".

Unogonawo kusarudza Tags kuti anotanga mumwe mutambi anoti:

[= "Hunhu zvaunoda" title ^] {}

kana vanodimbura kwavari:

[Zita $ = "hunhu zvakanaka"] {}.

Advantages - kunonyanyisa kunzwisisa. Unogona kusarudza chero huripo peji zvinhu pasina messing nemakirasi.

Payakaipira - kushandiswa tichishandisa kashoma, chete zvakananga zviitiko. Vazhinji padandemutande vagadziri vanosarudza nzira, sezvo pfungwa kirasi zviri nyore pane kuti varonge vakawanda mativi mumabhuraketi uye zviratidzo "vakaenzana". Uyezve, selectors izvi regai kushanda Internet Explorer mushanduro 7 uye pasi. Zvisinei, iye zvino vanoda yekare Internet Explorer?

ekunyebera kirasi selectors

Chinoreva ekunyebera chinzvimbo maatomu akafanana. Somuenzaniso ,: kuyengerera - chii chinoitika chikamu peji kana iwe kuyengerera ,: vakashanya - the akashanyira kubatana. Kunosanganisirawo zvinhu zvakadai: vomuzana mwana uye: ekupedzisira-mwana.

Izvi rworudzi selector ari kushingaira kushandiswa marongerwo ano, nekuti nemhaka iyo unogona kugadzira peji "mhenyu" pasina kushandisa JavaScript. Somuenzaniso, unoda kuva nechokwadi chokuti kana iwe kuyengerera pamusoro bhatani pamwe vekirasi BTN ayo ruvara achinja. Kuti aite izvi, tinoshandisa zvinotevera mamiriro:

.btn: kuyengerera {

nechokumashure-ruvara: tsvuku;

}

Beauty inogona raanotaura dzinokosha ehupfumi ari bhatani, kuchinja pfuma Somuenzaniso, 0.5s - mune iyi, bhatani haangavi ndinotsveruka pakarepo, uye mukati nehafu wechipiri.

Unhu - anoshandiswa nevakawanda nokuti "kumutsidzirwa" yemapeji. Nyore kushandisa.

Payakaipira - havasi. Iyi chaizvoizvo batsira chokushandisa. Zvisinei, ruzivo padandemutande vagadziri anogona kurasika mukuwanda ekunyebera makirasi. Dambudziko riri kugadziriswa kudzidza uye tsika.

ekunyebera selectors

"Pseudo" - Ndivo zvikamu peji kuti havasi HTML, asi ivo vachiri zvinogona vakakwanisa. Iwe hauna kunzwisisa? Zviri nyore zvikuru kupfuura zvinoita. Somuenzaniso, unoda kuti tsamba rokutanga tambo guru uye mutsvuku, tichisiya mamwe duku uye dema rwezuva. Chokwadi, zvinogona vakagumisa kuti tsamba mumakore neumwe kirasi, asi zviri refu uye anofinha. Zviri nyore zvikuru kuti asarudze ndima yose uye kushandisa ekunyebera :: vomuzana tsamba. Rinopa mukana kudzora chimiro tsamba yokutanga.

Pane chaizvo vazhinji ekunyebera zvinhu. Zvinyore chimwe chete nyaya angangotadza kubudirira. Unogona kuwana akakodzera mashoko ako kufarira search engine.

Advantages - kupa mukana wokushandiswa gadzirisa mashoko Zvinoonekwa peji.

Payakaipira - zvitsva kwavari kakawanda kuvhiringidzwa. pazviridzwa akawanda iri mhando basa chete mune zvimwe browsers.

To muchidimbu

Selector - chishandiswa chine simba gwaro chokubuda kudzora. Pamusana kwaari, unogona kusarudza ose chete chezvinonhuwira peji (pane kunyange chete aoma). Iva nechokwadi kuti kudzidza zvose zvokusarudza iripo, kana kunyange kunyora. Izvi zvinokosha kunyanya kana ukaronga mapeji dzakaoma ane ano magadzirirwo yakawanda dyidzana zvinhu.