CSS中：nth-child和JQuery：eq的区别

html-css019

CSS中：nth-child和JQuery：eq的区别,第1张

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。例如选第2个就直接:nth-child(2)

:eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。例如选第2个是:eq(1)，而不是2

可以用伪类

ul >i:first-child{font-weight:18px}

所以推荐用JQUERY 或者是 JAVASCRIPT

JQUERY是

$('ul li:eq(0)').css('font-weight', '18px')

JAVASCRIPT是

document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.fontWeight = '18px'