mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-17 21:01:34 +08:00
af38cf5f3e
Setup direct siblings apps tests Fix direct child test Add direct sibling test on class and type element Add sibling combinator handling for id selectors Completely redo sibling selector and add attributes and pseudo class selectors tests Handle sibling via a custom group instead of a selector Fix Selector groups creation Add unit test for sibling selection Fix tslint errors
37 lines
693 B
CSS
37 lines
693 B
CSS
.direct-child--type > Button {
|
|
background-color: red;
|
|
color: white;
|
|
}
|
|
|
|
.direct-child--class > .test-child {
|
|
background-color: blue;
|
|
color: white;
|
|
}
|
|
|
|
.direct-sibling--type Button + Label {
|
|
background-color: green;
|
|
color: white;
|
|
}
|
|
|
|
.direct-sibling--id #test-child + #test-child-2 {
|
|
background-color: pink;
|
|
}
|
|
|
|
.direct-sibling--class .test-child + .test-child-2 {
|
|
background-color: yellow;
|
|
}
|
|
|
|
.direct-sibling--attribute Button[data="test-child"] + Button[data="test-child-2"] {
|
|
background-color: blueviolet;
|
|
color: white;
|
|
}
|
|
|
|
.direct-sibling--pseudo-selector Button + Button:disabled {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sibling-test-label {
|
|
text-align: center;
|
|
}
|