【CSS】querySelector选择器用法

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.onload=function(){
	var red=document.querySelector('.ul1 li:first-child');
	red.style.background='red';
}

queryselector与getElementById的区别：

1.Get是动态的，query是静态的

2.性能上Get比Query快