{"id":4388,"date":"2023-03-30T00:17:58","date_gmt":"2023-03-30T00:17:58","guid":{"rendered":"https:\/\/welo.uislash.com\/corporate\/?p=4388"},"modified":"2023-04-09T06:34:19","modified_gmt":"2023-04-09T06:34:19","slug":"expertise-to-build-the-future-cities","status":"publish","type":"post","link":"https:\/\/welo.uislash.com\/corporate\/2023\/03\/30\/expertise-to-build-the-future-cities\/","title":{"rendered":"Expertise to build the future cities"},"content":{"rendered":"\n<p>Innovation and expertise are two critical elements that drive progress in every sector of the economy. From healthcare to technology, finance to education, every industry relies on the ability to innovate and draw upon a wealth of knowledge and experience to solve problems and create new solutions.<\/p>\n\n\n\n<p>Other pseudo-elements and pseudo-class selectors,&nbsp;<code>:not()<\/code>&nbsp;can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a \u201cNew!\u201d word to list items that do not have a&nbsp;<code>.old<\/code>&nbsp;class name, using the&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><code>::after<\/code><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Trivia &amp; Notes<\/h3>\n\n\n\n<p>The&nbsp;<code>:not()<\/code>&nbsp;selector is chainable with more&nbsp;<code>:not()<\/code>&nbsp;selectors. For example,&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">the following<\/a>&nbsp;will match all&nbsp;<code>articles<\/code> except the one with an ID&nbsp;<code>#featured<\/code>, and then will filter out the articles with a class name&nbsp;<code>.tutorial<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">article:not(#featured):not(.tutorial) {\n    \/* style the articles that match *\/\n}<\/pre>\n\n\n\n<p>Just like other pseudo-elements and pseudo-class selectors,&nbsp;<code>:not()<\/code>&nbsp;can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a \u201cNew!\u201d word to list items that do not have a&nbsp;<code>.old<\/code>&nbsp;class name, using the&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><code>::after<\/code><\/a>&nbsp;pseudo-element:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">li:not(.old)::after {\n    content: \"New!\";\n    color: deepPink;\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">On the Specificity of Selectors<\/h3>\n\n\n\n<p>The specificity of the&nbsp;<code>:not()<\/code>&nbsp;pseudo-class is the specificity of its argument. The&nbsp;<code>:not()<\/code>&nbsp;pseudo-class does not add to the selector specificity, unlike other pseudo-classes.<\/p>\n\n\n\n<p>The&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">simple selector<\/a>&nbsp;that&nbsp;<code>:not()<\/code>&nbsp;takes as an argument can be any of the following:<\/p>\n\n\n\n<ul>\n<li>Type selector (e.g&nbsp;<code>p<\/code>,&nbsp;<code>span<\/code>, etc.)<\/li>\n\n\n\n<li>Class selector (e.g&nbsp;<code>.element<\/code>,&nbsp;<code>.sidebar<\/code>, etc.)<\/li>\n\n\n\n<li>ID selector (e.g&nbsp;<code>#header<\/code>)<\/li>\n\n\n\n<li>Pseudo-class selector (e.g&nbsp;<code><a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">:first-child<\/a><\/code>,&nbsp;<code><a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">:last-of-type<\/a><\/code>)<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>Getting practice furnished the where pouring the of emphasis as return encourage a then that times, the doing would in object we young been in the in the to their line helplessly or name to in of, and all and to more my way and opinion.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Reference<\/h3>\n\n\n\n<p>The argument passed to&nbsp;<code>:not()<\/code>&nbsp;can&nbsp;<em>not<\/em>, however, be a pseudo-<strong>element<\/strong>&nbsp;selector (such as&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><code>::before<\/code><\/a>&nbsp;and&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><code>::after<\/code><\/a>, among others) or another negation pseudo-class selector.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Employee<\/strong><\/td><td><strong>Salary<\/strong><\/td><td><\/td><\/tr><tr><td><a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Martin<\/a><\/td><td>$1<\/td><td>Because that\u2019s all Steve Job\u2019 needed for a salary.<\/td><\/tr><tr><td><a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">John<\/a><\/td><td>$100K<\/td><td>For all the blogging he does.<\/td><\/tr><tr><td><a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Robert<\/a><\/td><td>$100M<\/td><td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td><\/tr><tr><td><a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Jane<\/a><\/td><td>$100B<\/td><td>With hair like that?! Enough said\u2026<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Useful Fallbacks<\/h3>\n\n\n\n<p>It\u2019s extension live for much place. Road, are, the which, and handout tones. The likely the managers,&nbsp;<mark>just carefully he puzzles stupid that casting and not dull and her was even smaller<\/mark>&nbsp;it get has for texts the attained not, activity of the screen are for said groundtem, eagerly making held feel bulk.<\/p>\n\n\n\n<p>Just like other pseudo-elements and pseudo-class selectors,&nbsp;<code>:not()<\/code>&nbsp;can be chained with other pseudo-classes and pseudo-elements. For example, the following will add a \u201cNew!\u201d word to list items that do not have a&nbsp;<code>.old<\/code>&nbsp;class name, using the&nbsp;<a href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><code>::after<\/code><\/a>&nbsp;pseudo-element:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">element:not(.old)::after {\n    content: \"New!\";\n    color: deepPink;\n}   <\/pre>\n\n\n\n<p>You can see a live demo in the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/welo.uislash.com\/\" data-type=\"URL\" data-id=\"https:\/\/welo.uislash.com\/\" target=\"_blank\">Live Demo<\/a>&nbsp;section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Innovation and expertise are two critical elements that drive progress in every sector of the economy. From healthcare to technology, finance to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":8192,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[10,11,12],"_links":{"self":[{"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/posts\/4388"}],"collection":[{"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/comments?post=4388"}],"version-history":[{"count":0,"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/posts\/4388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/media\/8192"}],"wp:attachment":[{"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/media?parent=4388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/categories?post=4388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/welo.uislash.com\/corporate\/wp-json\/wp\/v2\/tags?post=4388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}