Selectors

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/selectors</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/selectors" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#696055" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="tap" transform="translate(36.374356, 36.753521) rotate(-330.000000) translate(-36.374356, -36.753521) translate(22.374356, 16.253521)" fill-rule="nonzero"> <path d="M15.1426955,10 C17.2552363,8.94733286 18.3910767,6.49640212 17.8773284,4.0995237 C17.3639015,1.70264518 15.3381642,0 12.9999342,0 C10.6620257,0 8.63628831,1.70264518 8.12254002,4.0995237 C7.60911321,6.49640212 8.74495352,8.94733286 10.8574944,10 L15.1426955,10 Z" id="Shape" fill="#3B97D3"> </path> <path d="M5.3997765,11 C5.23422843,11 5.07570194,10.9243404 4.96227591,10.7906652 C2.47014242,7.86954796 2.3361916,3.34941205 4.64981396,0.253350739 C4.78457498,0.0640523115 5.0014349,-0.0298493259 5.21640436,0.00842903299 C5.43137382,0.0467073919 5.61069508,0.210885646 5.68496212,0.437565341 C5.75922923,0.66424496 5.71709953,0.917540057 5.57423668,1.09966129 C3.64572296,3.67986192 3.7586089,7.44758885 5.83700712,9.88065703 C6.00093486,10.0735441 6.04576514,10.3561461 5.95070327,10.5995725 C5.85564139,10.8426998 5.63905159,11 5.3997765,11 Z" id="Shape" fill="#2980BA"> </path> <path d="M22.3997765,11 C22.2342284,11 22.0757019,10.9243404 21.9622759,10.7906652 C19.4701424,7.86954796 19.3361916,3.34941205 21.649814,0.253350739 C21.784575,0.0640523115 22.0014349,-0.0298493259 22.2164044,0.00842903299 C22.4313738,0.0467073919 22.6106951,0.210885646 22.6849621,0.437565341 C22.7592292,0.66424496 22.7170995,0.917540057 22.5742367,1.09966129 C20.645723,3.67986192 20.7586089,7.44758885 22.8370071,9.88065703 C23.0009349,10.0735441 23.0457651,10.3561461 22.9507033,10.5995725 C22.8556414,10.8426998 22.6390516,11 22.3997765,11 Z" id="Shape" fill="#2980BA" transform="translate(21.500000, 5.500000) scale(-1, 1) translate(-21.500000, -5.500000) "> </path> <path d="M27.9995012,19.3048712 L27.9995012,30.4443289 C27.9995012,30.4443289 27.9995012,34.2371991 25.661125,36.4329713 C25.3962633,36.693347 25.2493239,37.0557191 25.2564238,37.4320286 L25.2564238,39.5923238 C25.254263,40.3686997 24.6415003,40.9974659 23.8848851,41 L12.9122669,41 C12.1556517,40.9974659 11.5428891,40.3686997 11.5407282,39.5923238 L11.5407282,39.3319481 C11.541963,38.2039699 11.0992922,37.122872 10.3130421,36.3344593 C8.98935134,35.0113577 6.9457803,32.7243589 6.05426471,30.4443289 C4.68272608,26.9257718 1.93964865,21.9998553 0.568109936,20.5924959 C-0.803428777,19.1851364 0.568109936,17.7777769 1.93964865,17.7777769 C3.31118736,17.7777769 6.05426471,20.5924959 7.42580343,22.7036934 C7.86230028,23.3831411 8.37319306,24.0087398 8.94829472,24.5684527 C9.28971305,24.8940807 9.76911882,25.0188837 10.2204331,24.8991489 C10.6717475,24.779414 11.032305,24.4319296 11.1770837,23.9773806 C11.4382409,23.1097782 11.5611022,22.2041648 11.5407282,21.2963339 L11.5407282,5.11122491 C11.5364065,4.21669798 12.0880472,3.41846574 12.9122669,3.12673088 C13.1311328,3.04152278 13.3635812,2.99876032 13.5978819,3.00002735 C14.7341939,3.00002735 15.6553443,3.94523569 15.6553443,5.11122491 L15.6553443,13.5556985 C15.6510225,12.6608548 16.2026632,11.8629393 17.0268829,11.5712045 C17.2460575,11.4859963 17.478506,11.4429171 17.7128067,11.4445009 C18.8488099,11.4445009 19.7699604,12.3897093 19.7699604,13.5556985 L19.7699604,15.6665793 C19.7699604,15.1068665 19.9872827,14.5699602 20.3734621,14.174962 C20.5883149,13.9510135 20.8513243,13.7821811 21.1414991,13.682402 C21.3606736,13.5971939 21.593122,13.5541147 21.8274227,13.5556985 C22.9637347,13.5556985 23.8848851,14.5009068 23.8848851,15.6665793 L23.8848851,19.1851364 C23.8848851,18.6254235 24.1018988,18.0885174 24.4883868,17.6935191 C24.702931,17.4695706 24.9662491,17.3007381 25.2564238,17.2006423 C25.5237551,17.099913 25.8089907,17.0590511 26.0929915,17.0812242 C27.1947294,17.2019094 28.0232709,18.1680238 27.9995012,19.3048712 Z" id="Shape" fill="#FDD7AD"> </path> <g id="Group" transform="translate(10.000000, 2.000000)" fill="#CBB292"> <path d="M2.86894226,0.992233276 C2.09890747,1.11743164 1.08323171,2.31495575 1.08776681,3.24774527 L1.08776681,20.125158 C1.10914634,21.0718204 0.980220995,22.0161707 0.70617378,22.9208841 C0.592797298,23.2607709 0.362804878,23.5474782 0.058631839,23.7281566 C0.43277439,23.9521054 0.885956576,23.9910817 1.2915206,23.8341854 C1.69740854,23.6772892 2.01129952,23.3413661 2.1454078,22.9208841 C2.41945501,22.0161707 2.54838036,21.0718204 2.52700074,20.125158 L2.52700074,3.24774527 C2.52246572,2.31495575 3.32815333,1.39723114 4.1930542,1.09301758 C3.96306186,1.00416477 3.63897705,0.867034912 2.86894226,0.992233276 Z" id="Shape"> </path> <path d="M5.50002646,11.7014196 L5.50002646,18.3055958 C5.50002646,18.7108837 5.82233966,19.0392097 6.21980538,19.0392097 C6.61694719,19.0392097 6.93926039,18.7108837 6.93926039,18.3055958 L6.93926039,11.7014196 C6.93504928,10.7682998 7.51561736,9.86340248 8.38051823,9.55918893 C7.91632237,9.38313475 7.44748608,9.38313475 6.86311067,9.62570626 C6.27873526,9.86827776 5.49549136,10.7682998 5.50002646,11.7014196 Z" id="Shape"> </path> <path d="M10.1332889,12.2456694 C9.72804878,12.6575633 9.5,13.2174352 9.5,13.8010893 L9.5,18.2040936 C9.5,18.6093814 9.82231328,18.9377075 10.219779,18.9377075 C10.6172446,18.9377075 10.939234,18.6093814 10.939234,18.2040936 L10.939234,13.8010893 C10.9350229,12.8682998 11.5003412,11.9414637 12.3652422,11.6372501 C11.9010463,11.461196 11.4037538,11.5559865 10.939234,11.7320406 C10.6347371,11.8360876 10.3587462,12.0121417 10.1332889,12.2456694 Z" id="Shape"> </path> <path d="M15.758689,15.0000442 C15.5131479,14.9983927 15.2689024,15.0429843 15.039234,15.1318371 C14.7347371,15.2362144 14.4584223,15.4122685 14.2332889,15.6457962 C13.8277249,16.0576902 13.6,16.617562 13.6,17.2012161 L13.6,18.6687742 C13.6,19.0740619 13.9219894,19.4027183 14.3194551,19.4027183 C14.7169207,19.4027183 15.039234,19.0740619 15.039234,18.6687742 L15.039234,17.2012161 C15.034699,16.2684266 15.6135671,15.436381 16.478468,15.1318371 C16.2484756,15.0429843 16.0045541,14.9983927 15.758689,15.0000442 Z" id="Shape"> </path> </g> </g> </g> </svg>