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>

http://a.con_div{background:red}

//div a{background:red}

</style>

</head>

<body>

<div>

<a class="con_div" href="javascript
[HELP] Truy xuất trong selector css ? V
oid(0);"> 1 </a>

</div>

<a href="javascript
[HELP] Truy xuất trong selector css ? V
oid(0);"> 2 </a>

<a href="javascript
[HELP] Truy xuất trong selector css ? V
oid(0);"> 3 </a>

<a href="javascript
[HELP] Truy xuất trong selector css ? V
oid(0);"> 4 </a>

...

<a href="javascript
[HELP] Truy xuất trong selector css ? V
oid(0);"> 5000 </a>

</body>

</html>

Thank !