What is the CSS selector for a collection cell?

[berkob]

I'm trying to make custom CSS that applies when my collection's cells have both "selected" and "hover" status, but I don't know how to describe the selector to change the CSS. Does anyone know how to do this?

[posipova]

 You may try to refer by the element ID.  If you open your browser dev tools (f12 in Chrome), in Elements tab, you can hover over the element and it will highlight with a popup with the elementid.

[berkob]

When I do that I see for example: "div#cell_test_mashup-95_mashup-root.widget-content.widget-mashup.widget-container". If I use this value will it not just target that specific cell? I'd like add this CSS behavior to every single cell that is generated

[posipova]

I apologize as I don't have the most experience with CSS. It might be more beneficial to refer to online tutorials/CSS-specific forums for this.

[berkob]

No worries, thanks for trying, but since it's a subdivision of the collection widget I don't believe CSS-specific material will be of any help.

Edit: I located the correct selector, but now I'm unable to find the appropriate CSS pseudo-class to copy the CellSelectedStyle property of the collections widget

[posipova]

I apologize as I don't have the most experience with CSS. It might be more beneficial to refer to online tutorials/CSS-specific forums for this.

[posipova]

I apologize as I don't have the most experience with CSS. It might be more beneficial to refer to online tutorials/CSS-specific forums for this.