Как указать «все td и все td img» в селекторе CSS?

Question

Я использую пакет X-ray JS для очистки стола от страницы. Желаемые теги и атрибуты задаются с помощью массива селекторов CSS в строке JSON.

"{[ 'th, td' ]}" правильно получает контент из всех th и td теги.

Я дополнительно нуждаюсь в тегах img в пределах td, поэтому я захватываю значки.

Какая селекторная строка будет делать это?

См https://github.com/lapwinglabs/x-ray

Answer 1

Для выбора img метки в пределах td, селектор CSS будет td img.

th, td, td img { 
 
    border: 2px solid black; 
 
} 
 
td img { 
 
    height: 20px; 
 
    width: 20px; 
 
}

<table> 
 
    <tr> 
 
    <th>Heading 1</th> 
 
    <th>Heading 2</th> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <img src='http://lorempixel.com/100/100/nature/1' /> 
 
    </td> 
 
    <td>Some description</td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <img src='http://lorempixel.com/100/100/nature/2' /> 
 
    </td> 
 
    <td>Some description</td> 
 
    </tr> 
 
</table>

Таким образом, для рентгеновских лучей вы, вероятно, нужно записать его следующим образом: (в зависимости от того, что упомянуто в вопросе для я, тд)

{[ 'th, td, td img' ]}