CSS/JQuery要素セレクタの&&と|,セレクタの論理操作

CSSまたはJQueryを使用して要素を選択する場合、条件を&&または|操作する必要がある場合が多い.
JQueryまたはCSSでの||操作はよく使われ、カンマで区切られています.

selector1,selector2,selectorN

たとえばdivまたはspanを選択したい場合は、$(「div,span」)で条件を満たす要素を選択できます.
CSSかJQueryの中の&&&、私が見たほとんどはclassで行われていますが、この方法しかないのか分かりません.

.className1.className2.classNameN

例えば、あるdivを選択したいのですが、このdivにはlilyとlucyの2つのclassが必要です.lily.lucyを選択します.
JQueryならではの&&操作は、class属性に限らず柔軟性が高い

[selector1][selector2][selectorN]

例えば、あるdivを選択したいのですが、このdivのclassはangleで、idはatyです.id、では$(「div[id='aty_id'][class='age'」)を使用できます.