Selector for not immediate child element
You could use the following selector:
.main > * .text
Which will select all .text
elements that are descendants of .main
, but not immediate children.
You can use simply for all client element:
.main .text
{
/*css*/
}
DEMO
for avoiding descendants element(intermediate child) you should add * between like:
.main * .text
{
/*css*/
}
Featured DEMO