@container name not (width <= 500px) { } @container my-layout ( inline-size > 45em) { } @container card (inline-size > 30em) or style(--responsive: true) { } @container card (inline-size > 30em) and style(--responsive: true) { } @container card ( inline-size > 30em ) and style( --responsive: true) { } @container ( inline-size >= 0px ) { } @container card ( inline-size > 30em ) and (inline-size < 45em ) { } @container ( 100px > width > 150px ) { } @container (not ( width <= 150px ) ) { } @container ( ( width <= 150px) ) { } @container ( min-width: 700px) { } @container sidebar (min-width: 400px) { } @container test style( --responsive: true ) { } @container style(--responsive: true) { } @container card (inline-size > 30em) { } @container style(--responsive: true) { } @container(inline-size>=calc(200px)) { } @container ( WIDTH <= 150px ) { } @container ( 150px <= WIDTH ) { }