Xin hỏi 2 cái phân tích về truy xuất trong selector css của tôi sau đây có đúng không? Vì tôi muốn tối ưu tốc độ truy xuất cho css và jquery.
Phân tích
Tôi muốn tag <a> trong <div> có background màu đỏ. Có 2 cách viết:
1-/ a.con_div{background:red} // theo tôi: trình duyệt sẻ liệt kê tất cả thẻ <a>, sau đó xem thẻ <a> nào có class="con_div" thì gán thuoc tính trong {} vào.
2-/ div a{background:red} //theo tôi: trình duyệt sẻ liệt kê ra tất cả thẻ <a> sau đó xem lại thẻ <a> nào có cha là <div> thì gán thuộc tính trong {} vào
selector.html (code đơn giản để các bạn hiểu tôi nói gì)
<!DOCTYPE>
<html>
<head>
<style>
//a.con_div{background:red}
//div a{background:red}
</style>
</head>
<body>
<div>
<a class="con_div" href="javascript
oid(0);"> 1 </a>
</div>
<a href="javascriptoid(0);"> 2 </a>
<a href="javascriptoid(0);"> 3 </a>
<a href="javascriptoid(0);"> 4 </a>
...
<a href="javascriptoid(0);"> 5000 </a>
</body>
</html>
Thank !
Phân tích
Tôi muốn tag <a> trong <div> có background màu đỏ. Có 2 cách viết:
1-/ a.con_div{background:red} // theo tôi: trình duyệt sẻ liệt kê tất cả thẻ <a>, sau đó xem thẻ <a> nào có class="con_div" thì gán thuoc tính trong {} vào.
2-/ div a{background:red} //theo tôi: trình duyệt sẻ liệt kê ra tất cả thẻ <a> sau đó xem lại thẻ <a> nào có cha là <div> thì gán thuộc tính trong {} vào
selector.html (code đơn giản để các bạn hiểu tôi nói gì)
<!DOCTYPE>
<html>
<head>
<style>
//a.con_div{background:red}
//div a{background:red}
</style>
</head>
<body>
<div>
<a class="con_div" href="javascript
oid(0);"> 1 </a></div>
<a href="javascript
oid(0);"> 2 </a><a href="javascript
oid(0);"> 3 </a><a href="javascript
oid(0);"> 4 </a>...
<a href="javascript
oid(0);"> 5000 </a></body>
</html>
Thank !
- Chủ đề
- selector
