can I specific a css class to a kind of tag in a more simple way?

Question

I already have a css class .table-striped from bootstrap. And now I want to specific the css class to all <table> tag in my page. Without adding .table-striped to all <table> tag <table class="table-striped">. Is there anyway can I do it in a more simple way like this :

table {
   .table-striped
}

Nope you can't do that with pure CSS but you can achieve it with CSS pre-processor. In CSS you can do that table, .table-striped {}. — Hanif, Jan 01 '19 at 14:54
I think what OP meant is OP wants to apply props in `.table-striped` to all `table`, without using `class="table-striped"` on ``. — yqlim, Jan 01 '19 at 16:15

score 0 · Accepted Answer · answered Jan 01 '19 at 16:19

0

You can apply the tag for all tables by editing the bootstrap css. Just replace:

  .table-striped { ... }

with:

table { ... }

If you can't or don't want to edit the css you can apply the class to all tables with the following script:

<script>
  var tables = document.querySelectorAll('table');
  for (var i=0; i<tables.length; i++) tables[i].classList.add('table-striped');
</script>

answered Jan 01 '19 at 16:19

rafaelcastrocouto

11,781
3
38
63

Thanks. Adding an script is much simpler. But if I add a dom element after , I have to call the script again. – Junq Jan 03 '19 at 13:38
Just put the script at the end of your `` and it will work for all tables. – rafaelcastrocouto Jan 03 '19 at 17:40

can I specific a css class to a kind of tag in a more simple way?

1 Answers1