En construcción

Selector

Todo lo que no sea considerado una propiedad, se considerará un selector, y ya que los selectores se escriben igual que en CSS, solo me limitaré a describir sus peculiaridades en BC.

pseudo-elementos

En el caso de los pseudo-elementos se escriben con dobles dos puntos (::), en caso de que un pseudo-elemento se escriba con doble dos puntos, se requiere se escriban, cuatro dos puntos, por ejemplo:

> . ejemplo
:: after
:::: selection

Nota. Este es el único caso en todo BO, que por diseño no es posible simplificar algo y por el contrario se complica, sin embargo se puede hallar una solución mejor, aunque se conservara este caso por compatibilidad.

Atributos de selector

Los atributos de selector, es una de las instrucciones multi línea debido a que contiene un carácter de inicio ([), y un carácter final (]), por ejemplo:

a [ title ]
a [ href =" https: " ]
a [ href* = example1 ]
a [ href$ = .org ]
a [ class = logo ]
a [
href$ = .org
class =   logo
]

Operador de ampersand (&)

Este operador se interpreta como una representación de un selector padre, y se usa cuando necesitamos que un selector padre se vea afectado por un selector hijo, por ejemplo:

. padre
background-color :   red
&. azul
background-color :   blue

Transpila a:

. padre   {
background-color :   red ;
}
. padre . azul   {
background-color :   blue ;
}

Operador de negación (!)

Este operador nos permite ignorar cualquiera de las instrucciones padres, dejando únicamente la instrucción que contenga este operador. Podemos ocupar este operador para cuando queremos que uno selector sea global, por ejemplo:

. padre
background-color :   red
. azul ,   ! . azul-global
background-color :   blue

Transpila a:

. padre   {
background-color :   red ;
}
. padre   . azul ,   . azul-global   {
background-color :   blue ;
}