Muundo wa Kifungu wa Mwanaketi wa CSS

Kina kuu cha watoto wa kina kuu (Child selectors) inaweza kuchaguli elementi ambazo ni watoto wa kina kuu tu.

Chaguo cha watoto wa kina kuu

Kama hunaonesha kuwaumwili kwa kila mtu na kuzingatia kwa kina kuu, unaonesha kuwaumwili wa kina kuu kwa mtu fulani, tumia chaguo cha watoto wa kina kuu (Child selector).

Kwa mfano, kama unaonesha kuwaumwili kwa elementi za strong ambazo ni watoto wa elementi ya h1, hivyo inafanywa:

h1 > strong {color:red;}

Mashirika hii itakataa kufikia kwa kina kuu ya h1 ikipungua elementi za strong zake mbili kwa kumichwa kichwani, lakini elementi za strong katika h1 ya pili haikufikia:

<h1>Tabia hizi ni kwa uangalifu <strong>mwema</strong> <strong>mwema</strong>.</h1>

This is really very important.

亲自试一试

语法解释

您应该已经注意到了,子选择器使用了大于号(子结合符)。

子结合符两边可以有空白符,这是可选的。因此,以下写法都没有问题:

h1 > strong
h1> strong
h1 >strong
h1>strong

Ikiwa inaragwa kwenye kinyume, mawongozo huu wa h1 > strong inaweza kufahamika kama 'Matukio ya strong ambayo yanaingia kama mwanaketi wa elementi ya h1'.

Kichukio cha Mwana na Mwana wa Kina

Tazama hapa mawongozo huu:

table.company td > p

Mwongozo huu unachukua matukio ya p kama wanaweza kumekaa kama mwanaketi wa elementi ya td, elementi ya td hii inaumilikiwa na elementi ya table inayotumia class ya company.