Html:
<ul class="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul class="ul2">
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
CSS里面的写法:
.ul1 li:first-child{
background: green;
}
.ul1 li:nth-child(3){
background: deepskyblue;
}
querySelector写法,在JS里:
window.οnlοad=function(){
var red=document.querySelector('.ul1 li:first-child');
red.style.background='red';
}
queryselector与getElementById的区别:
1.Get是动态的,query是静态的
2.性能上Get比Query快