• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Nazewnictwo BEM dla tabel

VPS Starter Arubacloud
+1 głos
360 wizyt
pytanie zadane 17 listopada 2017 w HTML i CSS przez cyberDEV Użytkownik (780 p.)

Jak "najlepiej" stylować tabele z wykorzystaniem konwencji Block Element Modifier? Kiedyś przeczytałem, że nie wszystkie znaczniki opisujące tabele mogą być wykorzystywane do stylowania (chyba chodziło o znacznik <tr>).

Ktoś ogarnięty w temacie mógłby co nieco napisać?

<table class="table">
  <thead>
    <tr>
      <th class="table__th">id</th>
      <th class="table__th">name</th>
    </tr>
    </thead>
    <tbody>
      <tr>
        <td class="table__td">1</td>
        <td class="table__td">john</td>
      </tr>
   </tbody>
</table>
.table {
  width: 100%;
  border-collapse: collapse;
}

.table__th,
.table__td {
  padding: 1.25rem;
}

.table,
.table__th,
.table__td {
  border: 0.0625rem solid #333;
}

 

1 odpowiedź

0 głosów
odpowiedź 17 listopada 2017 przez Comandeer Guru (605,680 p.)

Na pewno nie .table__th, .table__td tylko .table__heading.table__cell itd.

No i przy BEM nie chodzi tylko o stylowanie, ale także o przeniesienie struktury na wyższy poziom abstrakcji.

Zawsze moża zaszaleć i dla każdego tr tworzyć dodatkowo .table__row.row.

Poza tym nie bardzo wiem, czemu nie wszystkie znaczniki w tabeli nadają się do stylowania?

komentarz 7 grudnia 2017 przez cyberDEV Użytkownik (780 p.)

Poza tym nie bardzo wiem, czemu nie wszystkie znaczniki w tabeli nadają się do stylowania?

Wybacz, że późno odpowiadam. Generalnie dawno temu na jakiejś stronie przeczytałem, że znacznik <tr> nie powinno się stosować do stylowania i lepiej jest użyć znacznika <td>. Nie wiem ile w tym prawdy gdyż najzwyczajniej nie znam się. Tak samo nie znam się na BEM i nazewnictwie stąd też moje pytanie w jaki sposób nazywać.

Podobne pytania

0 głosów
2 odpowiedzi 291 wizyt
pytanie zadane 27 maja 2019 w HTML i CSS przez Apper97 Obywatel (1,380 p.)
0 głosów
1 odpowiedź 216 wizyt
0 głosów
1 odpowiedź 162 wizyt
pytanie zadane 14 grudnia 2019 w HTML i CSS przez michh123 Bywalec (2,790 p.)

93,081 zapytań

142,044 odpowiedzi

321,463 komentarzy

62,427 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...