at-root.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. .parent {
  2. @at-root {
  3. .child1 {
  4. width: 100px;
  5. }
  6. .child2 {
  7. width: 200px;
  8. }
  9. }
  10. }
  11. .parent {
  12. @at-root {
  13. .child1 {
  14. width: 100px;
  15. }
  16. .child2 {
  17. width: 200px;
  18. }
  19. }
  20. }
  21. .parent {
  22. @at-root {
  23. .child1 {
  24. width: 100px;
  25. }
  26. .child2 {
  27. width: 200px;
  28. }
  29. }
  30. }
  31. .parent {
  32. @at-root {
  33. .child1 {
  34. width: 100px;
  35. }
  36. .child2 {
  37. width: 200px;
  38. }
  39. }
  40. }
  41. .parent
  42. {
  43. @at-root
  44. {
  45. .child1
  46. {
  47. width
  48. :
  49. 100px
  50. ;
  51. }
  52. .child2
  53. {
  54. width
  55. :
  56. 200px
  57. ;
  58. }
  59. }
  60. }
  61. .parent
  62. {
  63. @at-root
  64. {
  65. .child1
  66. {
  67. width
  68. :
  69. 100px
  70. ;
  71. }
  72. .child2
  73. {
  74. width
  75. :
  76. 200px
  77. ;
  78. }
  79. }
  80. }
  81. .parent {
  82. @at-root .child {
  83. width: 100px;
  84. }
  85. }
  86. .parent {
  87. @at-root .child {
  88. width: 100px;
  89. }
  90. }
  91. .parent{
  92. @at-root .child{
  93. width: 100px;
  94. }
  95. }
  96. .parent {
  97. @at-root .child {
  98. width: 100px;
  99. }
  100. }
  101. .parent
  102. {
  103. @at-root
  104. .child
  105. {
  106. width
  107. :
  108. 100px
  109. ;
  110. }
  111. }
  112. .parent
  113. {
  114. @at-root
  115. .child
  116. {
  117. width
  118. :
  119. 100px
  120. ;
  121. }
  122. }
  123. .parent {
  124. @at-root
  125. input[
  126. type
  127. =
  128. 'radio'
  129. ]
  130. {
  131. color
  132. :
  133. red
  134. ;
  135. }
  136. }
  137. @media print {
  138. .page {
  139. width: 8in;
  140. @at-root (with: media) {
  141. color: red;
  142. }
  143. }
  144. }
  145. @media print {
  146. .page {
  147. width: 8in;
  148. @at-root (with: media) {
  149. color: red;
  150. }
  151. }
  152. }
  153. @media print{
  154. .page{
  155. width: 8in;
  156. @at-root (with:media){
  157. color: red;
  158. }
  159. }
  160. }
  161. @media print {
  162. .page {
  163. width: 8in;
  164. @at-root ( with : media ) {
  165. color: red;
  166. }
  167. }
  168. }
  169. @media print {
  170. .page {
  171. width: 8in;
  172. @at-root ( with : media ) {
  173. color: red;
  174. }
  175. }
  176. }
  177. @media print {
  178. .page {
  179. width: 8in;
  180. @at-root
  181. (with: media) {
  182. color: red;
  183. }
  184. }
  185. }
  186. @media print
  187. {
  188. .page
  189. {
  190. width
  191. :
  192. 8in
  193. ;
  194. @at-root
  195. (
  196. with
  197. :
  198. media
  199. )
  200. {
  201. color
  202. :
  203. red
  204. ;
  205. }
  206. }
  207. }
  208. @media print
  209. {
  210. .page
  211. {
  212. width
  213. :
  214. 8in
  215. ;
  216. @at-root
  217. (
  218. with
  219. :
  220. media
  221. )
  222. {
  223. color
  224. :
  225. red
  226. ;
  227. }
  228. }
  229. }
  230. @media print {
  231. .page {
  232. width: 8in;
  233. @at-root (without: media) {
  234. color: red;
  235. }
  236. }
  237. }