Can't figure out how to select child component

[hoclun-rigsep]

Hello. Trying to simulate this selector:

.A > .B

I can't quite figure out how to do it.

[harold]

I think you're looking for this:

garden/src/garden/selectors.cljc

Lines 984 to 994 in e9d987d

	(defn >
	"Child combinator."
	([a]
	(selector a))
	([a b]
	(selector (str (css-selector a) " > " (css-selector b))))
	([a b & more]
	(->> (cons (> a b) more)
	(clojure.core/map css-selector)
	(string/join " > ")
	(selector))))

And using it looks like this:

garden-test.core> (require '[garden.core :refer [css]])
nil
garden-test.core> (css [(garden.selectors/> :.A :.B) {:background :red}])
".A > .B {\n  background: red;\n}"

Another thing to know is that you can use strings as an escape hatch, so this renders the same:

garden-test.core> (css [".A > .B" {:background :red}])
".A > .B {\n  background: red;\n}"

Hope that helps.

[hoclun-rigsep]

It does; thank you.