Size: a a a

CSS — русскоговорящее сообщество

2020 May 05

АА

Андрей Андрей... in CSS — русскоговорящее сообщество
опоздал :) ну может кому-то будет интересно
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
табличка должна быть максимально простой
источник

N

Nick in CSS — русскоговорящее сообщество
А если ховер не нужен будет, как выше уже написали, пишешь
.this-class:not(:nth-child(4)):hover {
  color: red;
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
Андрей Андрей
опоздал :) ну может кому-то будет интересно
спасибо)
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
Nick
А если ховер не нужен будет, как выше уже написали, пишешь
.this-class:not(:nth-child(4)):hover {
  color: red;
да мне как раз и нужно отключить действие ховера на те tr и td где строка начинается с <tr class="showInfo">
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
сделал пока так:
<style>
 table { margin: auto; }
 tbody tr:not(.showInfo):hover { background: yellow; }
 tbody tr td:not(.showInfo):hover { color: red; cursor: default; }
 .showInfo { background: skyblue; color: black; }
</style>
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
но вот что-то как-то не красиво ..
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
можно в классе showInfo отключить действие ховера? чтобы не писать выше :not ?
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
или везде классы натыкать и по ним стили?
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
ну определи заново-то для класса шоуинфо ховер
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
не понимаю чем тебе решение не нравится
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
тот редкий случай, когда not очень даже к месту
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
Sergey Bekharsky
тот редкий случай, когда not очень даже к месту
хорошо, пусть так.. просто интересно есть ли в CSS такая возможность
как JS ( event.stopPropagation() )  типа навёл курсор на строку с классом а действие ховера прописаное выше для всех tr отменено.. ну как-то так..
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
но ежели нет- то нет)
источник

K

Kolya in CSS — русскоговорящее сообщество
Дмитрий Коноферчук
хорошо, пусть так.. просто интересно есть ли в CSS такая возможность
как JS ( event.stopPropagation() )  типа навёл курсор на строку с классом а действие ховера прописаное выше для всех tr отменено.. ну как-то так..
Хз, мб будет работать с
Pointer-events: none;
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
как сделать такое средствами JS или Vue, что я тут выше написал, я представляю, хотелось понять можно-ли чисто на  CSS😉
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
Kolya
Хз, мб будет работать с
Pointer-events: none;
хм.. посмотрю, спасибо
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Kolya
Хз, мб будет работать с
Pointer-events: none;
И лишиться выделения текста :)
источник

K

Kolya in CSS — русскоговорящее сообщество
Sergey Bekharsky
И лишиться выделения текста :)
Да, есть такая тема, но если он пробует различные виды извращения, то почему нет
источник

ДК

Дмитрий Коноферчук... in CSS — русскоговорящее сообщество
Kolya
Да, есть такая тема, но если он пробует различные виды извращения, то почему нет
👍😂
источник