CSS Cheatsheet - 3 cách style css rất hay bạn cần biết

Giới thiệu

Chào mọi người hôm nay mình sẽ chia sẻ 3 mẹo nhỏ trong việc viết css,nó rất đơn giản nếu chúng ta nhớ và vận dụng vào thì việc viết css style sẽ chở nên dễ ràng hơn rất nhiều.

Một số Snippets

1. Chọn hàng ở giữa trong list

CSS

li:nth-of-type(3n-1){
  color: #999;
}

2. Chọn 1 tên chung trong attribute để style

CSS

p[class*="ttl"]{
  color: #999;
}

3. Chọn 1 tên chung cuối cùng trong attribute để style

Cái này khác cái thứ 2 ở chỗ là nó sẽ chỉ chọn cho những class nào có attribute giống nhau và nằm cuối. Nằm đầu cũng dùng tương tự

CSS

p[class$="one"]{
  color: #999;
}

Lời kết

Bài viết khá ngắn gọn nhưng mình nghĩ là khá hay cho bất kỳ ai làm markup nhất là các bạn mới bước chân vào làm Front End. Cảm ơn các bạn đã đọc bài nhé và gi vọng nó có ích cho bạn !

ご参考になれば！！ ご覧をいただきありがとうございました。