Convenient pipes for more sophisticated selectors.
1 2 3 4 5
lhs %child% rhs lhs %or% rhs lhs %with% rhs
Selectors as returned by
%child% - Selects elements where right hand is child of left hand, e.g.:
sel_tag('div') %child% sel_class('aClass') selects elements with
aClass who are direct children of
%or% - Select left hand or right hand, e.g.:
sel_id('myId') %or% sel_class('myClass') will select both the element with the id and elements with the class. Ideal to select and apply rules multiple elements at once.
%with% - Left hand selector with right hand selector, e.g.:
sel_tag('div') %with% sel_class('aClass') selects a
div with a class of
aClass. Ideal to narrow down the selection.
1 2 3 4 5 6 7 8 9 10 11 12
# select all paragraph 'p' with "red" class sel_tag("p") %with% sel_class("red") # the other way around works equally well sel_class("red") %with% sel_tag("p") # select multiple elements # where id = "x" or class = "center" sel_id("x") %or% sel_class("center") # select element with id = "x" and parent's id = "y" sel_id("y") %child% sel_id("y")
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.