CSS 选择器参考手册
- Picha ya kwanza Mwongozo wa kusoma kwa kifaa cha CSS
- Picha ya kina Mkataba wa CSS
CSS makadaro
Makadaro ya CSS inatumia kwa kina "kufikia" (au kupeana) kina kinavyotumiwa kwenye HTML ambao inatumiwa kufikia kina kinavyotumiwa kwa sababu ya mtindo. <CSS makadaro
Tumia mtafiti wa makadaro ya CSS wetu kusoma kwa kina ya kina. <CSS makadaro ya kina
CSS makadaro ya kina jingine
Makadaro ya kina yanaingia kwa sababu ya jina la kina, id na class. Inaonesha pia makadaro ya kina jingine (*
)).
Makadaro | Mifano | Maelezo ya mifano |
---|---|---|
kina | p | Wafanyikie kila <p> kina kinavyotumiwa na kina "p" kwenye uwezo wa kina. <p |
#id | #firstname | Wafanyikie kina kinavyotumiwa na kina "firstname" kwenye uwezo wa kina. <#firstname |
* | * | Wafanyikie kila kina kinavyotumiwa na kina "*" kwenye uwezo wa kina. <* |
.class | .intro | Wafanyikie kila kina kinavyotumiwa na kina "intro" kwenye uwezo wa kina. <.intro |
CSS makadaro ya sababu
Makadaro ya sababu zinaona kina kinavyotumiwa na kina kwa sababu ya kina yenye mafanikio. <CSS makadaro ya sababu
Makadaro | Mifano | Maelezo ya mifano |
---|---|---|
[attribute] | [target] | Wafanyikie kila kina kinavyotumiwa na kina "target" kwenye uwezo wa kina. <[target] |
[attribute=value] | [target=_blank] | Wafanyikie kila kina kinavyotumiwa na kina "_blank" kwenye uwezo wa kina. <[target=_blank] |
[attribute~=value] | [title~=flower] | Wafanyikie kila kina kinavyotumiwa na kina "flower" kwenye uwezo wa kina. <[title~=flower] |
[attribute|=value] | [lang|=en] | Wafanyikie kila kina kinavyotumiwa na kina "en" kwenye uwezo wa kina. <[lang|=en] |
[attribute^=value] | a[href^="https"] | Wafanyikie kila <a> kinavyotumiwa na kina "https" kwenye uwezo wa kina. <a[href^="https"] |
[attribute$=value] | a[href$=".pdf"] | Wafanyikie kila <a> kinavyotumiwa na kina "pdf" kwenye uwezo wa kina. <a[href$=".pdf"] |
[attribute*=value] | a[href*="codew3c"] | Wafanyikie kila <a> kinavyotumiwa na kina "abc" kwenye uwezo wa kina. <a[href*="codew3c"] |
Mchaguli wa chukua wa CSS
Makadaro | Mifano | Maelezo ya mifano |
---|---|---|
& | & | Kutumia mtindo kwa kifaa kwenye mazingira ya kifaa kingine |
- Picha ya kwanza Mwongozo wa kusoma kwa kifaa cha CSS
- Picha ya kina Mkataba wa CSS