Sử dụng BEM để tạo buttons | Ứng dụng của BEM trong CSS

[@F8VNOfficial]

Chỗ selector .btn--disabled {} các bạn bổ sung giúp mình thành: .btn--disabled, .btn[disabled] {} nhé. Trong trường hợp sử dụng class btn này cho input hoặc button thì các thẻ này có một attribute là disabled. Ví dụ: Sửa lại CSS selector như mình hướng dẫn bên trên để CSS cho cả thẻ input có attribute là disabled nhé các bạn!

[@hoaimiqng]

Em thấy anh lúc nào cũng chỉnh chu đến từng chi tiết nhỏ nhất .🤗

[@nhantran3173]

anh hướng dẫn chi tiết và dễ hiểu quá, lại bonus nhiều trick hay nữa. cám ơn anh👍👍👍👍

[@F8VNOfficial]

Cảm ơn em nhiều nha

[@phamvantuan6454]

Yêu thương và trân trọng cách a dạy.cảm ơn a rất nhiều

[@_TranNguyenNhatNam-bf4wk]

anh ơi cho em hỏi : ở 12:50 anh làm thế nào mà chỉ gõ chữ ở 1 hàng đầu tiên mà 2 hai dưới nó tự động gõ theo luôn v ạ ( "btn-size-l " ý ạ)

[@GambareDev]

quá chất lượng . hơn cả những khóa học trả phí.

[@thongvan6596]

em cảm ơn anh rất nhiều. có tâm dạy free mà còn tận tâm.

[@maicaotri3668]

đây là những bài giảng về BEM dễ hiểu nhất trước giờ e coi.

[@SangNguyen-ge4uv]

Cám ơn anh rất nhiều, thật tuyệt vời :>

[@daisynguyen307]

Anh dạy chất lượng thật sự, cảm ơn anh.

[@vusam6524]

để code 2, 3 dòng cùng lúc thì giữ phím alt , chọn vào các dòng cần code là đc

[@quangminhle5759]

bạn ơi mình làm ko dc

[@vusam6524]

@@quangminhle5759 b giữ phím alt là chọn đc nhiều dòng

[@duykhanhnguyen9274]

trên mac thì là shift + option nhé

[@anghungkt0985]

😘

[@NTTabcabc]

Anh dạy rất có tâm, luôn ủng hộ a

[@nhiennd]

Anh là người truyền cảm hứng lập trình cho e

[@gaumuc712]

Cho em hỏi. anh tháo tác làm sao mà chỉnh sửa 1 lúc 2-3 dòng code vậy ạ?? như phút thứ 4:40 ý ạ

[@hungphan2785]

chỉ tôi với tôi cũng thắc mắc như bạn vậy

[@nghiahoang9201]

@@hungphan2785 Ctrl + D

[@trungtrung2248]

Rất chi tiết và cẩn thận ạ. Cảm ơn anh nhiều.

[@january29th1]

anh sử dụng extension nào để ghi chú lại v ạ

[@phanphuc2601]

A ơi cho e hỏi làm sao để bật cái phần Style.CSS bên tay phải đc vậy a

[@igdev6095]

Khi nào a làm video hướng dẩn tái sử dụng component đi a, như header với footer của trang shopee chẳng hạn

[@igdev6095]

Mà js thui á a

[@lephuochung4034]

1:50 a dùng extension nào mà nó gợi ý nhấn enter ra cả 3 dòng ạ

[@liennguyen9573]

Ngay tại dòng muốn copy bấm Ctrl + C và bấm tiếp ctrl + V là nó tự xuống dòng

[@antruong9902]

Copy dòng hiện tại xuống dưới nhấn shift + alt + muỗi tên xuống

[@dungnguyentrong9980]

anh cho em hỏi làm ntn để đồng thời thế ạ, đoạn 4:44 ấy ạ

[@bonhiep2321]

ctrl + D => shift + alt + -> ( trên win nhé ạ còn mac bạn mò cái đoạn sau như nào á)

[@dungnguyentrong9980]

em cam on anh @@bonhiep2321 a

[@voxuanhoa1166]

phút 4:22 làm sao để chọn đồng thời 3 cụm từ khác nhau vậy nhỉ, phím tắt là gì vậy ạ?

[@cuongnguyen-nh5ci]

có bạn nào tìm ra chưa chỉ mình với

[@bonhiep2321]

ctrl + D => shift + alt + -> ( trên win nhé ạ còn mac bạn mò cái đoạn sau như nào á)

[@bonhiep2321]

@@cuongnguyen-nh5ci ctrl + D => shift + alt + -> ( trên win nhé ạ còn mac bạn mò cái đoạn sau như nào á)

[@tienvo9790]

thay vì xài cursor pointer thì em cho thẻ vô trong luôn được ko anh? thấy ko khác nhau gì mấy GO TO NEXT APPROVAL

[@lequangluu8518]

Cho em hỏi đoạn 4:19 anh dùng tổ hợp phím gì để chọn tên 3 class ấy vậy

[@nghiahoang9201]

Ctrl + D

[@bonhiep2321]

ctrl + D => shift + alt + -> ( trên win nhé ạ còn mac bạn mò cái đoạn sau như nào á)

[@available6733]

cảm ơn a rất nhiều, free mà lại chất hơn trả phí like

[@nova_dayne]

làm sao để copy nhanh dong btn--succes tới btn--danger như anh được ạ 4:19

[@ThienNguyen-wh4zw]

Đầu tiên bạn chọn nhiều dòng: ctrl + shift + alt + mũi tên xuống. Tiếp theo để chọn nhiều cụm từ: shift + alt + mũi tên phải.

[@tuanngoanh3556]

Hi anh ơi, cho em hỏi mình bấm phí gì để sửa tên các thẻ cùng 1 lúc thế nhỉ

[@victoronwe906]

you are awesome, and I wish you have english channel

[@ey3474]

Phút 4:20 sao anh copy 1 lần 3 hàng được vậy anh

[@bonhiep2321]

ctrl + D => shift + alt + -> ( trên win nhé ạ còn mac bạn mò cái đoạn sau như nào á)

[@uchieu8193]

outline của button trên Microsoft Edge không có anh ơi!!!

[@vietlong2541]

dòng 1 css là gì vậy ạ

[@TheKing-tt6dg]

F8 ơi , cho em hỏi cái meta thứ 2 ở trên thẻ đấy có ý nghĩa là gì đấy ạ ???

[@huyhoangnguyen575]

a ơi cho e hỏi chỗ body > div {} là như nào ạ

[@Nhanvdinh]

anh ơi anh có video các phím tắt để a cóp dán, thao tác nhanh giống được khom ạ =(( e rủ cả khoa trường em vô đk kênh a luom

[@ging-freecss-ai]

làm sao để code thẻ dòng này mà dòng dưới cx thay đổi vậy anh

[@powerthymewarp6275]

Thêm modifier ở phần class của dòng dưới 😁

[@h_sangg9459]

Anh ơi em biết photoshop với illustrator nữa thì có giúp ích gì cho thiết kế web không ạ

[@top_1_florentino]

vãi hai cái đó hỗ trợ tốt Frontend á + Figma Adobe XD

[@phamngocdung8172]

làm sao để viết nhiều dòng giống anh thế ạ

[@F8VNOfficial]

Em bôi đen lấy điểm chung, nhấn ctrl + d nó sẽ chọn thêm 1 điểm giống thế (multiple cursors)

[@trinhphamnguyenxuan3274]

Anh cho em hoi sao mình sửa dược nhiều dòng giống nhau liên tiếp được ạ , em toàn sữa từng cái

[@F8VNOfficial]

Select đoạn kí tự em muốn chọn rồi nhấn tổ hợp Ctrl + Shift + L nhé

[@trinhphamnguyenxuan3274]

@@F8VNOfficial cảm ơn anh rất nhiều ạ

[@phuongnguyenvan7616]

bạn cũng có thể vào add keybinding tìm "add cursor up/down" nhé

[@Hungvu-ez5ct]

Anh làm cách nào để bôi đen 1 lúc được các từ trùng nhau vậy ạ, như bôi các thẻ div để sửa thành thẻ button ấy ạ

[@F8VNOfficial]

Bôi đen một đoạn rồi nhấn ctrl + d em nhé

[@Hungvu-ez5ct]

@@F8VNOfficial e cảm ơn ạ

[@bocautintuc]

1:49 làm sao để nhân bản nhanh vậy mọi người nhỉ đa tạ mọi người

[@truongquang8568]

cái clip anh chỉ chọn nhiều div là số bao nhiêu nhỉ ạ ? em nhớ xem qua rồi mà k nhớ chính xác

[@F8VNOfficial]

Em bôi đen điểm chung rồi nhấn ctrl + d nha em

[@truongquang8568]

@@F8VNOfficial dạ, còn copy 1 lúc 3 div con khác nhau thì sao ạ ? Vidu em muốn copy cùng lúc btn--success btn--warn btn--danger dán sang css thì làm như nào ạ ?

[@F8VNOfficial]

@@truongquang8568 em bôi đen điểm chung là btn--, sau đó em giữ shift + control nhấn mũi tên sang phải để chọn từ tiếp theo, rồi copy nhé.

[@inhle2513]

bạn làm về jquery đi. Thanks!

[@quangvivu7737]

anh ơi cho em hỏi là làm sao để chọn nhiều thẻ và sửa nhiều thẻ giống nhau cùng lúc ạ

[@vinguyenvan6671]

ctrl +D nhé bạn

[@tranlinhvlogs5574]

sao e code cái chữ nó nằm bên trái khong căn giữa dc huhu

[@nhanguyenthanh4319]

vô cùng cảm ơn anh

[@maiucgiang215]

có ai cho mình xin code css đoạn đầu căn giữa không ạ

[@DungTran-di5wu]

mình cũng đồng ý kiến ,mình ko căn giưuã đc như vậy

[@F8VNOfficial]

@@DungTran-di5wu Trong phần mô tả video nha e

[@lantran1691]

anh cho em hỏi thao tác như nào để code 1 lần 3 dòng được ạ

[@F8VNOfficial]

Em dùng chuột select 1 điểm chung, nhấn ctrl + D nó sẽ select thêm các điểm giống nhau. Em tìm từ khoá "mutiple cursor vs code" nhé

[@lyhaihoangk16_hl73]

căn giữa kiểu gì anh. anh k show hết cái css em k biết căn giữa thế nào

[@tranthinhqnam]

* { padding: 0; margin: 0; box-sizing: border-box; } body { height: 100vh; display: flex; flex-direction: column; } body>div { margin: auto;

[@toanpham9651]

Hay quá anh ơi.

[@anhphongtro2637]

cho em hỏi em dùng body > div{ margin: auto } sau nó ko canh giữa được anh nhỉ?

[@JohnWick-ki2es]

Margin: 0px auto;

[@khoidn7230]

b thêm body{ min-height: 100vh;}

[@atnguyen5240]

Cảm ơn anh Sơn

[@trisstran744]

làm sao để chọn nhiều dòng như anh F8 vậy mọi người?

[@mmo-xuan]

cũng đang hóng kkk

[@trisstran744]

@@mmo-xuan Like mấy cái comment này cho lên top ik, để ảnh thấy ảnh làm clip :v

[@anvoz.d.6374]

nhan giu Alt+click chuot

[@mmo-xuan]

@@trisstran744 hình như này là full rồi đó bạn mún làm clip gì nữa

[@khoatran1535]

Cái modifile khi css như này có đúng ko a: .btn.btn--success{} thay vì css riêng cho cái .btn--success{} Em cứ bị rối ở cái này.

[@mmo-xuan]

được nha bạn

[@dothanhhau]

inline-block với inline-flex có khác nhau nhiều ko anh

[@mmo-xuan]

đisplay: inline-block cũng giống như float: left mà ta, hông thấy khác mấy

[@duyanhnguyen759]

Mọi người có thể cho em hỏi viết nhiều dòng cùng lúc như anh sơn viết kiểu j ko ạ

[@hanikyo1]

Change all occurred

[@110-hoa6]

00:44 cảm ơn anh rất nhìu

[@relaxandchill679]

Hehe... em xem xong cái trước rồi kkkk

[@longthanhvu8415]

4:20 cho em hỏi tổ hợp phím với ạ ?

[@phiduong6008]

ctrl+d + ctrl+shift+mũi tên phải

[@phucnguyen6798]

bấm Alt vị trí cần ghi thêm thôi bạn

[@kieuvo2015]

Anh ơi sao em để margin: auto mà nó kg căn giữa ạ!

[@nguyenduythanh1965]

Cái này bạn chỉnh phần độ cao phần body trước nhé: min-height: 100vh;

[@kieuvo2015]

@@nguyenduythanh1965 thanks so much

[@videoupload2706]

Anh ơi, anh có thể làm 1 video hướng dẫn sử dụng cặn kẽ và thủ thuật khi sử dụng visual studio code không ạ? vì thấy anh sử dụng thành thạo và nhanh nhẹn khi soạn code ạ

[@tongnam9353]

gõ nhiều sẽ thành thạo và nhanh thôi

[@nguyenbinh8661]

Bạn xem lại loạt video các kiến thức cơ bản HTML nhé. Thày có dạy rồi nhé. Đó là tổ hợp phím Control+D và Alt+shift+L

[@huyenminh2631]

anh ơi dòng code từ 1-11 là gì vậy ạ

[@mmo-xuan]

phần mô tả có đó bạn

[@ThuNguyen-bk6vm]

Tại sao em không biết anh sớm hơn:(

[@nguyenho2573]

A ơi e làm theo nhưng mà e không căn 3 cái nút nó ra giữa màn hình được ạ :((

[@RinkaMizuki]

xét height cho body nữa nha

[@ongtaquang1354]

viết 3 dòng một lúc kiểu gì vậy

[@HuyenNguyen-yq6wi]

giữ phím alt + bấm con trỏ chuột

[@tranhoang2930]

Cảm ơn anh nhiều ,

[@khangnguyentuan8803]

a cho e hỏi vd e có 1 div cha trong div cha 1 div con , trong div con có 1 div cháu , thì thằng div cháu sẽ đặt tên class như thế nào ạ

[@tinspham]

bạng nên thử đặt tên, rồi paste code lên đây, mn xem rùi sửa lại cho bạng, chứ bạng nói thế này sao giúp nổi 🤣

[@cailyphuc5272]

Bạn có thể xem phần đầu tiên của link sau rồi sẽ rõ. (1. “What To Do About ‘Grandchild’ Selectors (And Beyond)?”) www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/ Or: scalablecss.com/bem-nesting-grandchild-elements/

[@KhanhNguyen-gf6yw]

chọn nhiều dòng mình nhấn phím gì vậy mấy ông ?

[@transu8667]

Bạn nhấn Ctrl + D thử xem

[@phamnhutofficial]

ctrl f2

[@hicee]

Trên macbook nhé, trên windows mình ko nhớ phím option là phím gì. Bước 1: bôi đen cái cần chọn, xong ấn command + D Bước 2: ấn option + shift + mũi tên sang

[@phamnhutofficial]

Ở window chỉ cần bô đen chữ đó rồi bấm ctrl D để chọn thêm

[@phucnguyen6798]

bấm Alt vị trí cần ghi thêm thôi bạn

[@KhanhNguyen-zx3wv]

có ai biết cách viết 1 lần nhiều dòng như ở trên kia đc k ạ chỉ em vs

[@31.truongthanhhung90]

cùng câu hỏi :3

[@KhanhNguyen-zx3wv]

@@31.truongthanhhung90 ctrl+d

[@phucnguyen6798]

bấm Alt vị trí cần ghi thêm thôi bạn

[@hopnguyen3177]

Làm sao để chọn nhiều thẻ div trên 1 cột để chuyển sang thẻ a 1 lần v anh?

[@toannq98]

Cung cau hoi

[@kenhtruyenma7948]

B thử dùng command + d xem s

[@2eem]

body > div là sao mn

[@ngocphuchau719]

cám ơn bạn :D

[@caominhdev]

chất

[@anhcuseu1271]

sao anh chọn được nhiều dòng và xóa nhanh vậy ạ hóng video anh chia sẻ những cái tip code nhanh

[@duetran1314]

Trong VSCode thì bấm Alt rồi nhấp chuột đến chỗ cần gõ là đc.

[@tinspham]

thanks a

[@trungquang1432]

3:10

[@phamthang8541]

💗💗💗

[@LuanNguyen-xw9hg]

💗💗💗