CSS :first-child Pseudo-class
- Picha ya mbili :first
- Picha ya nne :first-of-type
- Retua kipenyo kipya Kitabu cha maelezo cha kipenzi cha kifungu cha kifungu cha kifungu
Ufafanuzi na Kichakazia
CSS :first-child
Pseudo-class huwa inachukua kinalesha kama yanaingia kama kiume na kwanza ya kinalesha ya mengine (katika kundi la kinalesha wa wengi).
Mfano
Mfano 1
Chagua na kuwakilisha stili ya kiume ya kinalesha <p> kama yanaingia kama kiume na kwanza ya kinalesha ya mengine:
p:first-child { background-color: yellow; }
Mfano 2
Chagua na kuwakilisha stili ya kiume ya kinalesha <i> kama yanaingia kama kiume na kwanza ya kinalesha ya mengine:
i:first-child { background: yellow; }
Mfano 3
Chagua na kuwakilisha stili ya kiume na kwanza ya kinalesha <li>:
li:first-child { background: yellow; }
Mfano 4
Chagua na kuwakilisha stili ya kiume na kwanza ya kinalesha <ul>:
ul > :first-child { background: yellow; }
Makala ya CSS
:first-child { mawachadaro ya css; }
Vifaa ya Teknolojia
Versio: | CSS3 |
---|
Muungano wa Kifungaji Kifungaji
数字 katika tabia inaangalia na hufikia kwa kawaida kwa kinalesha zaidi ya hii kinalesha kwa pseudo-class.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Vipengele vya vingine
Mafunzo ya CSS:CSS niape
- Picha ya mbili :first
- Picha ya nne :first-of-type
- Retua kipenyo kipya Kitabu cha maelezo cha kipenzi cha kifungu cha kifungu cha kifungu