[Hỏi đáp] Selectors trong CSS

Mình có đoạn code CSS như sau

Code:


* html .menu
{
      height: 1%
}


Mình không hiểu cách người ta nhóm như vậy có nghĩa là gì sao lại có dấu * trước thẻ html vậy mọi người.

Dấu * trong CSS là chỉ cho tất cả.
Ví dụ:

Code:

<div>
  <p> Dòng thứ nhất </p>
  <p> Dòng thứ hai
    <span> Trong dòng thứ 2 </span>
  </p>
</div>

Code:

div * {
  /* Code Right Here */
}

Có nghĩa là lựa chọn tất cả những gì có trong div (nói cách khác là chọn cả p và span)

Thực chất thì html là tag bao trùm hết cả những gì xuất hiện nên * chả để làm gì cả.

KirigayaKazuto wrote:Dấu * trong CSS là chỉ cho tất cả.
Ví dụ:

Code:

<div>
  <p> Dòng thứ nhất </p>
  <p> Dòng thứ hai
    <span> Trong dòng thứ 2 </span>
  </p>
</div>

Code:

div * {
  /* Code Right Here */
}

Có nghĩa là lựa chọn tất cả những gì có trong div (nói cách khác là chọn cả p và span)

Thực chất thì html là tag bao trùm hết cả những gì xuất hiện nên * chả để làm gì cả.

Nhưng ở 1 số trang web người ta để như thế lấy làm ví dụ như diễn dàn này trong file https://devs.forumvi.com/15-ltr.css co đoạn code

Code:

* html .clearfix{clear:both;height:1%}

Mình đã thử làm 1 vài ví dụ nhỏ nếu để dấu * trước html sau đó gọi đối tượng sau html đó nó lại không có tác dụng. Thật sự mình khổng hiểu là để như vậy để làm gì ???

Đó là một thủ thuật hack CSS để fix lỗi .clearfix cho trình duyệt IE 6, các thông tin khác bạn xem tại http://browserhacks.com/

Cám ơn Zzbaivong nhìu lắm nha mình tìm kiếm với từ khóa * html nát trên google mà không thấy ^_~