css3怎么办能选择第三个li元素

WBOY
Freigeben: 2021-12-16 13:15:01
Original
5680 Leute haben es durchsucht

在css中,可以利用“:nth-child(n)”选择器来选择第三个li元素,该选择器的作用就是选择父元素下的第n个子元素,当选择器中的数字为3时,会选择第3个元素,语法为“li:nth-child(3){css样式代码;}”。

css3怎么办能选择第三个li元素

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3怎么办能选择第三个li元素

在css中,想要选择第3个li元素,需要利用“:nth-child(n)”选择器。

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

n 可以是数字、关键词或公式。

示例如下:

   
  
  • 雪碧
  • 可乐
  • 凉茶
  • 咖啡
Nach dem Login kopieren

输出结果:

06.png

(学习视频分享:css视频教程

Das obige ist der detaillierte Inhalt voncss3怎么办能选择第三个li元素. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:css
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!