css selector for div with 'display: table-cell'

Question

I have html that looks like:

<div style="display: table">
  <div style="display: table-row">
     <div style="display: table-cell">
       ... some content
     </div>
     <div style="display: table-cell">
       second cell content
     </div>
   </div>
 </div>

I'm searching for css selector that would match all divs that have display: table-cell style. Is it possible?

Couldn't you just change the HTML markup? – Chrisstar Aug 03 '17 at 08:46 — Chrisstar, Aug 03 '17 at 08:46
@Chrisstar In my case it's generated html. – gawi Aug 03 '17 at 08:47 — gawi, Aug 03 '17 at 08:47

score 4 · Accepted Answer · answered Aug 03 '17 at 08:46

4

You could try this

div[style*="display:table-cell"]

answered Aug 03 '17 at 08:46

RacoonOnMoon

1,556
14
29

@gawi Careful that this selector would work only if the style is inline. – kvn Aug 03 '17 at 08:49
1

Also i read that blank spaces etc. so watch out – RacoonOnMoon Aug 03 '17 at 08:50

css selector for div with 'display: table-cell'

1 Answers1