diff --git a/.changeset/great-buckets-clean.md b/.changeset/great-buckets-clean.md
new file mode 100644
index 00000000..cc1fe35e
--- /dev/null
+++ b/.changeset/great-buckets-clean.md
@@ -0,0 +1,8 @@
+---
+"@mincho-js/css": minor
+---
+
+**css**
+
+### New
+- Add `selector()` utility for computed property names
diff --git a/.changeset/strong-cases-grin.md b/.changeset/strong-cases-grin.md
index 7bff9ea0..13f2e71e 100644
--- a/.changeset/strong-cases-grin.md
+++ b/.changeset/strong-cases-grin.md
@@ -1,5 +1,5 @@
 ---
-"@mincho-js/css": patch
+"@mincho-js/css": minor
 ---
 
 **rules**
diff --git a/packages/css/src/compat.ts b/packages/css/src/compat.ts
index 25a1213b..b9f407db 100644
--- a/packages/css/src/compat.ts
+++ b/packages/css/src/compat.ts
@@ -21,7 +21,8 @@ export {
 export {
   globalCss as globalStyle,
   css as style,
-  cssMultiple as styleVariants
+  cssMultiple as styleVariants,
+  selector
 } from "./css/index.js";
 export type { CSSRuleWith as StyleRuleWith } from "./css/types.js";
 
diff --git a/packages/css/src/css/index.ts b/packages/css/src/css/index.ts
index 4c39a97a..f706c8fb 100644
--- a/packages/css/src/css/index.ts
+++ b/packages/css/src/css/index.ts
@@ -238,6 +238,11 @@ function processMultiple<T>(
 export function mincho$<T>(block: () => T) {
   return block();
 }
+
+export function selector(selector: string): `&` {
+  return selector as `&`;
+}
+
 // == Tests ====================================================================
 // Ignore errors when compiling to CommonJS.
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
diff --git a/packages/css/src/index.ts b/packages/css/src/index.ts
index 8307d673..4a665ba4 100644
--- a/packages/css/src/index.ts
+++ b/packages/css/src/index.ts
@@ -25,7 +25,7 @@ export {
   layer
 } from "@vanilla-extract/css";
 
-export { globalCss, css } from "./css/index.js";
+export { globalCss, css, selector } from "./css/index.js";
 export type { CSSRuleWith } from "./css/types.js";
 export { rules } from "./rules/index.js";
 export type {