Optimize CSS for http://www.kortbonus.no/kbservice/style/css/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors88

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .widget .post-list li h6 {}.widget .post-list li em {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {}.navbar .nav .open > a {}.navbar .nav .open > a:hover {}.navbar .nav .open > a:focus {}.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {}.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu) {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {}.navbar-header .info li a {}.navbar .social .dropdown-menu input {}.navbar.basic .navbar-nav > li > a {}.navbar.basic .navbar-nav > li:first-child > a {}.navbar.basic .nav > li > a:hover {}.navbar.basic .nav > li > a:focus {}.navbar.basic .nav .open > a {}.navbar.basic .nav .open > a:hover {}.navbar.basic .nav .open > a:focus {}.navbar.basic.fixed .navbar-nav > li > a {}.yamm.navbar .nav > li > .dropdown-menu:after {}.yamm.navbar .nav > li > .dropdown-menu {}.yamm .yamm-content ul.circled li {}.social li a i {}.services .tab .icon i.icn {}.services .tab:hover .icon i.icn {}.services .tab.active .icon i.icn {}#testimonials .tab-container .panel-container div.tab-block {}.items li a img {}.items li a .text-overlay {}.items li a:hover .text-overlay {}.items li a .text-overlay h3 {}.items li a .text-overlay .info {}.items li a:hover .text-overlay .info {}.items li a .text-overlay span {}.sidebox .post-list .icon-overlay a .icn-more {}.owl-theme .owl-controls .owl-buttons div {}.owl-theme .owl-controls.clickable .owl-buttons div:hover {}.owl-theme .owl-controls .owl-page span {}.owl-theme .owl-controls .owl-page.active span {}.owl-theme .owl-controls.clickable .owl-page:hover span {}.owl-slider-wrapper .owl-controls .owl-pagination .owl-page span {}.owl-slider-wrapper .owl-controls .owl-pagination .owl-page.active span {}.owl-slider-wrapper .owl-controls .owl-pagination .owl-page:hover span {}.pricing .plan h4 span {}.pricing .plan h4 .amount {}.pricing .plan h4 .amount {}.pricing .plan h4 .amount span {}.pricing .plan ul li {}.forms ol li .col-sm-12 {}.recent-list .post .date .day {}.recent-list .post .date .month {}.classic-blog .post .date .day {}.classic-blog .post .date .month {}.format-chat ul li strong {}.sidebox .post-list .meta em {}.sidebox .post-list .meta em {}.pagination ul > li > a {}.pagination ul > li > span {}.pagination ul > li > a:hover {}.pagination ul > li > a:focus {}.pagination ul > .active > a {}.pagination ul > .active > span {}.pagination ul > li:first-child > a {}.pagination ul > li:last-child > a {}#comments ol.commentlist ul.children li {}#comments .info h2 a {}#comments .info h2 a:hover {}#comments .info .meta .date {}#fancybox-thumbs ul li img {}.open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {}.navbar .nav .open > a {}.navbar .nav .open > a:hover {}.navbar .nav .open > a:focus {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {}.navbar.basic .navbar-nav > li > a {}.services .tab .icon i.icn {}.services .tab:hover .icon i.icn {}.services .tab.active .icon i.icn {}
  • Complex Selectors By Attribute6

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    .color-wrapper [class*="col-"] {}.color-wrapper [class*="col-"] p {}[class*="col-"] {}.color-wrapper [class*="col-"] {}.color-wrapper [class*="col-"] p {}.services [class*="divide"] {}
  • Duplicated Properties6

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .dropcap {margin: 12px 8px 0 0} .newsletter input[type="email"] {background: rgba(255,255,255,0.15)} .classic-blog .post .date {line-height: 1} .border-list li:after {display: block} .pagination ul > li > a, .pagination ul > li > span {border: none} .tabs-side .tab {border-top: none} 
  • Duplicated Selectors17
    #testimonials .tab a.active, #testimonials .tab a:hover {} /* (2 times) */iframe {} /* (2 times) */.media-wrapper {} /* (2 times) */.navbar-header {} /* (2 times) */.navbar.basic .navbar-collapse {} /* (2 times) */.services .tab h4 {} /* (2 times) */#testimonials .tab {} /* (2 times) */#testimonials .tab a {} /* (2 times) */figure {} /* (2 times) */.items {} /* (2 times) */.pricing .plan h3 {} /* (2 times) */.pricing .plan h4 .amount {} /* (2 times) */.grid-blog .post {} /* (2 times) */.fancybox-close {} /* (2 times) */
  • Empty Rules3

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    .tabs-side.tab-container .panel-container p {}.dropdown-submenu:hover>a:after {}.tabs-side.tab-container .panel-container p {}
  • Importants146

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    :focus {outline: 0 !important} .meta a {display: inline !important} .navbar-header {float: none !important} .bp0 {padding-bottom: 0 !important} .bm0 {margin-bottom: 0 !important} .bm5 {margin-bottom: 5px !important} .bm10 {margin-bottom: 10px !important} .bm15 {margin-bottom: 15px !important} .bm20 {margin-bottom: 20px !important} .bm30 {margin-bottom: 30px !important} .btn {color: #fff !important} .btn:hover, .btn:focus, .btn:active, .btn.active {color: #fff !important} .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {background: #17a78b !important} .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {background: #387eaa !important} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active {background: #cf4c45 !important} .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {background: #cd701e !important} .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {background: #8a4fa2 !important} .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active {background: #bd78a9 !important} .btn-navy:hover, .btn-navy:focus, .btn-navy:active, .btn-navy.active {background: #2c3e50 !important} .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active {background: #859394 !important} .color-wrapper .btn {background: #FFF !important} .color-wrapper .btn {color: #616161 !important} .color-wrapper .btn:hover {background: #e9e9e9 !important} .btn.share-facebook {background: #3d5b9b !important} .btn.share-facebook:hover {background: #334c8e !important} .btn.share-twitter {background: #5aa8cd !important} .btn.share-twitter:hover {background: #499ac8 !important} .btn.share-googleplus {background: #3b3b3b !important} .btn.share-googleplus:hover {background: #2e2e2e !important} .btn.share-pinterest {background: #c53942 !important} .btn.share-pinterest:hover {background: #bc2d32 !important} .social li a i {height: 26px !important} .fullwidthbanner-container {width: 100% !important} .fullwidthbanner-container {max-height: 600px !important} .fullwidthbanner-container {overflow: hidden !important} .tp-caption.white-bg {color: #5c5c5c !important} .tp-leftarrow.default, .tp-rightarrow.default {top: 50% !important} .items li a:hover .text-overlay .info {top: 0!important} .icon-overlay a:hover .icn-more {top: 50%!important} .parallax {color: #FFF !important} .parallax.mobile {background-attachment: scroll !important} .newsletter input[type="email"] {color: #FFF !important} .newsletter .btn-submit {color: #FFF !important} .parallax input, .parallax button, .parallax select, .parallax textarea, .black-wrapper input, .black-wrapper button, .black-wrapper select, .black-wrapper textarea {color: #e4e4e4 !important} ::-webkit-input-placeholder {color: #e4e4e4 !important} :-moz-placeholder {color: #e4e4e4 !important} ::-moz-placeholder {color: #e4e4e4 !important} :-ms-input-placeholder {color: #e4e4e4 !important} input:focus::-webkit-input-placeholder {color: transparent !important} input:focus:-moz-placeholder {color: transparent !important} input:focus::-moz-placeholder {color: transparent !important} input:focus:-ms-input-placeholder {color: transparent !important} .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper {margin: 0px auto !important} .sidebar {padding-left: 25px !important} .sidebar.left-sidebar {padding: 15px !important} .fancybox-wrap {background: #FFF !important} .fancybox-title, .fancybox-error {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important} .fancybox-title, .fancybox-error {font-size: 14px !important} .fancybox-title, .fancybox-error {line-height: 24px !important} .fancybox-skin {color: #616161 !important} .fancybox-title-inside-wrap {padding: 20px !important} .fancybox-nav span {width: 36px !important} .fancybox-nav span {height: 36px !important} .fancybox-nav span {margin-top: -18px !important} .fancybox-close {top: -46px !important} .fancybox-close {right: 0 !important} .fancybox-close {width: 36px !important} .fancybox-close {height: 36px !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {margin-right: 0 !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {margin-top: 6px !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {width: 36px !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {font-size: 20px !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {background: rgba(0,0,0,0.5) !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {color: #f7f7f7 !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {text-align: center !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {-webkit-transition: all 200ms ease-in !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {-o-transition: all 200ms ease-in !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {-moz-transition: all 200ms ease-in !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {-webkit-border-radius: 3px !important} .fancybox-close, .fancybox-prev span, .fancybox-next span {border-radius: 3px !important} .fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover {background: rgba(0,0,0,0.7) !important} .fancybox-close {background: rgba(0,0,0,0.25) !important} .fancybox-close:hover {background: rgba(0,0,0,0.55) !important} #fancybox-loading {margin-top: -12px !important} #fancybox-loading {margin-left: -12px !important} #fancybox-loading {background: #000 !important} #fancybox-loading {opacity: 1 !important} #fancybox-loading {-webkit-border-radius: 3px !important} #fancybox-loading {border-radius: 3px !important} #fancybox-loading div {width: 24px !important} #fancybox-loading div {height: 24px !important} #fancybox-loading div {background-image: url(/kbservice/style/images/fancy-loading.gif) !important} .fancybox-overlay {background: rgba(27,27,27,0.94) !important} .sidebar {padding-left: 35px !important} .sticky-wrapper {height: 0 !important} .navbar-collapse {position: static !important} .navbar-collapse {background: #2d3134 !important} .yamm .dropdown-menu {display: block !important} .navbar-nav > li > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important} .navbar-nav > li > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {padding: 12px 0 !important} .navbar .dropdown-menu:not(.yamm-dropdown-menu) a {text-transform: none !important} .navbar .dropdown-menu:not(.yamm-dropdown-menu) a {font-family: 'Roboto', sans-serif !important} .navbar .dropdown-menu:not(.yamm-dropdown-menu) a {font-weight: normal !important} .navbar .dropdown-menu:not(.yamm-dropdown-menu) a {font-size: 13px !important} .navbar.basic .navbar-collapse {float: none !important} .process li.process-item {border: none !important} .process li.process-item {border-top: 1px solid #e3e3e3 !important} .process li.process-item:first-child {border: none !important} .color-wrapper [class*="col-"] {text-align: center !important} .color-wrapper [class*="col-"] p {margin-bottom: 20px !important} .color-wrapper [class*="col-"] p {text-align: center !important} .process li.process-item {border: none !important} .process li.process-item {border-top: 1px solid #e3e3e3 !important} .process li.process-item:first-child {border: none !important} #scrollUp {display: none !important} .sub-footer p.pull-left, .sub-footer ul.pull-right {float: none !important} .tab {display: block !important} .tab {margin: 0 !important} .services .tab:hover .icon i.icn, .services .tab.active .icon i.icn {background: none !important} .services .tab:hover .icon i.icn, .services .tab.active .icon i.icn {color: #fa6c65 !important} .tabs-side .tab {border: 1px solid #e3e3e3 !important} .tabs-side .tab {border-top: none !important} .tabs-side .tab:first-child {border-top: 1px solid #e3e3e3 !important} .tabs-side img.pull-left, .tabs-side img.pull-right {float: none !important} .tp-bullets {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important} .tp-bullets {-moz-opacity: 0 !important} .tp-bullets {-khtml-opacity: 0 !important} .tp-bullets {opacity: 0 !important} .tp-caption .btn-large {padding: 5px 14px 8px 14px !important} .color-wrapper [class*="col-"] {text-align: center !important} .color-wrapper [class*="col-"] {margin-bottom: 0 !important} .color-wrapper [class*="col-"] p {margin-bottom: 20px !important} .color-wrapper [class*="col-"] p {text-align: center !important} #testimonials .tab {display: inline-block !important} .items {margin-left: 0 !important} .items {margin-bottom: -20px !important} .items li {width: 100% !important} .items li {margin-left: 0 !important} .items li {margin-bottom: 20px !important} .items.fullscreen li {margin: 0 !important} .sidebar {padding-left: 15px !important} .grid-blog {margin-left: 0 !important} .grid-blog {margin-bottom: 20px !important} .grid-blog .post {width: 100% !important} .grid-blog .post {margin-left: 0 !important} .grid-blog .post {margin-bottom: 20px !important} 
  • Multi Classes Selectors223

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .meta.tags {}.light.overlay {}.dark.overlay {}.head-image.option-1 {}.head-image.option-2 {}.head-image.option-3 {}.head-image.option-4 {}.head-image.option-1 {}.head-image.option-2 {}.head-image.option-3 {}.head-image.option-4 {}.btn.responsive-menu {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.default.navbar {}.basic.fixed.navbar {}.basic.fixed.navbar {}.basic.fixed.navbar {}.basic.navbar {}.nav.pull-right {}.navbar.yamm {}.navbar.yamm {}.dropdown.yamm-fullwidth {}.btn.btn-green {}.btn.btn-blue {}.btn.btn-red {}.btn.btn-orange {}.btn.btn-purple {}.btn.btn-pink {}.btn.btn-navy {}.btn.btn-gray {}.active.btn {}.active.btn-green {}.active.btn-blue {}.active.btn-red {}.active.btn-orange {}.active.btn-purple {}.active.btn-pink {}.active.btn-navy {}.active.btn-gray {}.btn.share-facebook {}.btn.share-facebook {}.btn.share-twitter {}.btn.share-twitter {}.btn.share-googleplus {}.btn.share-googleplus {}.btn.share-pinterest {}.btn.share-pinterest {}.bold.tp-caption {}.lite.tp-caption {}.tp-caption.white-bg {}.opacity-bg.tp-caption {}.default.tp-leftarrow {}.default.tp-rightarrow {}.default.tp-leftarrow {}.default.tp-rightarrow {}.round.simplebullets.tp-bullets {}.round.simplebullets.tp-bullets {}.bullet.selected {}.round.simplebullets.tp-bullets {}.hidebullets.tp-bullets {}.active.tab {}.active.tab {}.services.tabs {}.services.tab-container {}.active.tab {}.active.tab {}.active.tab {}.tab-container.tabs-side {}.tab-container.tabs-side {}.tab-container.tabs-side {}.center.tabs-top {}.left.tabs-top {}.active.tab {}.active.tab {}.active.tab {}.tab-container.tabs-top {}.tab-container.tabs-top {}.tab-container.tabs-top {}.active.tab {}.col4.items {}.col4.items {}.col3.items {}.col3.items {}.border.col3.items {}.border.col3.items {}.border.col4.items {}.border.col4.items {}.col4.items {}.fullscreen.items {}.fullscreen.items {}.fullscreen.items {}.fullscreen.items {}.filter.text-center {}.filter.text-center {}.icn-link.icon-overlay {}.media-wrapper.portfolio {}.media-wrapper.player.portfolio {}.share.text-center {}.border-top.process-item {}.border-bottom.process-item {}.border-right.process-item {}.border-left.process-item {}.clickable.owl-controls {}.active.owl-page {}.clickable.owl-controls {}.active.owl-page {}.loading.owl-item {}.mobile.parallax {}.plain.progress {}.plain.progress {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.format-filter.text-center {}.classic-blog.single {}.col2.grid-blog {}.col3.grid-blog {}.col3.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.left-sidebar.sidebar {}.sidebox.widget {}.sidebox.widget {}.tooltip.top {}.tooltip.top-left {}.tooltip.top-right {}.right.tooltip {}.left.tooltip {}.bottom.tooltip {}.bottom-left.tooltip {}.bottom-right.tooltip {}.blog.no-sidebar {}.hidden.info {}.tab-container.tabs-side {}.col4.items {}.col4.items {}.col3.items {}.col3.items {}.border.col3.items {}.border.col3.items {}.border.col4.items {}.border.col4.items {}.col3.grid-blog {}.col3.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.dropdown-submenu.pull-left {}.dropdown-submenu.pull-left {}.btn.responsive-menu {}.basic.navbar {}.btn.responsive-menu {}.basic.default.navbar {}.basic.fixed.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.basic.fixed.navbar {}.basic.navbar {}.dropdown.yamm-fullwidth {}.basic.navbar {}.basic.navbar {}.tab-container.tabs-side {}.left.tabs-top {}.left.tabs-top {}.col4.items {}.col4.items {}.col3.items {}.col3.items {}.border.col3.items {}.border.col3.items {}.border.col4.items {}.border.col4.items {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.col3.grid-blog {}.col3.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.col2.grid-blog {}.services.tabs {}.active.tab {}.active.tab {}.active.tab {}.services.tab-container {}.active.tab {}.active.tab {}.active.tab {}.tab-container.tabs-side {}.tab-container.tabs-side {}.tab-container.tabs-side {}.tab-container.tabs-top {}.fullscreen.items {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.blog.no-sidebar {}.basic.navbar {}.basic.navbar {}.basic.navbar {}.row.yamm-content {}
  • Old IE Fixes24

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus, .navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)} .yamm .yamm-content {*zoom: 1} .tp-bullets.hidebullets {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .tabs-top .tab {*display: inline} #testimonials .tab {*display: inline} .items {*zoom: 1} .items.fullscreen li img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} .items li a .text-overlay {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)} .items li a .text-overlay {-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .items li a:hover .text-overlay {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .items li a:hover .text-overlay {-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .icon-overlay a .icn-more {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)} .icon-overlay a .icn-more {-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .icon-overlay a:hover .icn-more {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .icon-overlay a:hover .icn-more {-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .owl-theme .owl-controls .owl-buttons div {*display: inline} .owl-theme .owl-controls .owl-page {*display: inline} #owl-clients .item img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} #owl-clients .item:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .owl-slider-wrapper .owl-custom-nav, .owl-slider-wrapper .owl-controls {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .owl-slider-wrapper:hover .owl-custom-nav, .owl-slider-wrapper:hover .owl-controls {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .progress.plain {filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)} .progress.plain .bar {filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)} .tp-bullets {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important} 
  • Old Property Prefixes137

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    *, *, *:after { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier *, *, *:after { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier a { -o-transition: all 200ms ease-in } // prefix is no longer supported a { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .head-image { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .head-image { -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2) } // was required by Firefox 3.6 and earlier .head-image { -webkit-background-size: cover } // was required by Android Browser 2.3, Opera 10 and earlier .head-image { -moz-background-size: cover } // was required by Firefox 3.6 and earlier .head-image { -o-background-size: cover } // prefix is no longer supported .navbar-collapse { -webkit-box-sizing: content-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-collapse { -moz-box-sizing: content-box } // was required by Firefox 28 and earlier .navbar-collapse { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.11) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-collapse { -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.11) } // was required by Firefox 3.6 and earlier .navbar .dropdown-menu { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .navbar .dropdown-menu { -moz-border-radius: 0 } // was required by Firefox 3.6 and earlier .navbar .dropdown-menu { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar .dropdown-menu { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier .navbar.basic { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.11) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar.basic { -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.11) } // was required by Firefox 3.6 and earlier .navbar.basic .navbar-collapse { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar.basic .navbar-collapse { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier .btn { -o-transition: all 200ms ease-in } // prefix is no longer supported .btn { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .btn { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .btn { -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn { -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15) } // was required by Firefox 3.6 and earlier .btn:hover, .btn:focus, .btn:active, .btn.active { -o-transition: all 200ms ease-in } // prefix is no longer supported .btn:hover, .btn:focus, .btn:active, .btn.active { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .btn:hover, .btn:focus, .btn:active, .btn.active { -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn:hover, .btn:focus, .btn:active, .btn.active { -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15) } // was required by Firefox 3.6 and earlier .social li a i { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .social li a i { -o-transition: all 200ms ease-in } // prefix is no longer supported .social li a i { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .tp-leftarrow.default, .tp-rightarrow.default { -o-transition: all 200ms ease-in } // prefix is no longer supported .tp-leftarrow.default, .tp-rightarrow.default { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .tp-leftarrow.default, .tp-rightarrow.default { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .tp-bullets.simplebullets.round .bullet { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .tp-bullets.simplebullets.round .bullet { -o-transition: all 200ms ease-in } // prefix is no longer supported .tp-bullets.simplebullets.round .bullet { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } // prefix is no longer supported .services .tab .icon i.icn { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .services .tab .icon i.icn { -o-transition: all 200ms ease-in } // prefix is no longer supported .services .tab .icon i.icn { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .icon i.icn { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .icon i.icn { -o-transition: all 200ms ease-in } // prefix is no longer supported .icon i.icn { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier #testimonials .tab a { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .panel-group .panel { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .items.fullscreen li img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" } // prefix is no longer supported .items li a .text-overlay { -o-transition: all 200ms ease-in } // prefix is no longer supported .items li a .text-overlay { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .items li a .text-overlay .info { -moz-transition: all .3s linear } // was required by Firefox 15 and earlier .items li a .text-overlay .info { -o-transition: all .3s ease-in-out } // prefix is no longer supported .items li a .text-overlay .info { -ms-transition: all .3s ease-in-out } // prefix is no longer supported .filter li a { -o-transition: all 200ms ease-in } // prefix is no longer supported .filter li a { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .isotope, .isotope .item { -moz-transition-duration: 0.8s } // was required by Firefox 15 and earlier .isotope, .isotope .item { -ms-transition-duration: 0.8s } // prefix is no longer supported .isotope, .isotope .item { -o-transition-duration: 0.8s } // prefix is no longer supported .isotope { -moz-transition-property: height, width } // was required by Firefox 15 and earlier .isotope { -ms-transition-property: height, width } // prefix is no longer supported .isotope { -o-transition-property: height, width } // prefix is no longer supported .isotope .item { -moz-transition-property: -moz-transform, opacity } // was required by Firefox 15 and earlier .isotope .item { -ms-transition-property: -ms-transform, opacity } // prefix is no longer supported .isotope .item { -o-transition-property: top, left, opacity } // prefix is no longer supported .icon-overlay a .icn-more { -o-transition: all 200ms ease-in } // prefix is no longer supported .icon-overlay a .icn-more { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .icon-overlay a .icn-more { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .icon-overlay a .icn-more { -moz-transition: all .3s linear } // was required by Firefox 15 and earlier .icon-overlay a .icn-more { -o-transition: all .3s ease-in-out } // prefix is no longer supported .icon-overlay a .icn-more { -ms-transition: all .3s ease-in-out } // prefix is no longer supported .owl-theme .owl-controls .owl-buttons div { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .owl-theme .owl-controls .owl-page span { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #owl-clients .item img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" } // prefix is no longer supported #owl-clients .item img { -o-transition: all 200ms ease-in } // prefix is no longer supported #owl-clients .item img { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier #owl-clients .item:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } // prefix is no longer supported .owl-slider-wrapper .owl-custom-nav .slider-prev, .owl-slider-wrapper .owl-custom-nav .slider-next { -o-transition: all 200ms ease-in } // prefix is no longer supported .owl-slider-wrapper .owl-custom-nav .slider-prev, .owl-slider-wrapper .owl-custom-nav .slider-next { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .owl-slider-wrapper .owl-custom-nav .slider-prev, .owl-slider-wrapper .owl-custom-nav .slider-next { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .owl-slider-wrapper .owl-controls .owl-pagination .owl-page span { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .owl-slider-wrapper .owl-controls .owl-pagination .owl-page span { -o-transition: all 200ms ease-in } // prefix is no longer supported .owl-slider-wrapper .owl-controls .owl-pagination .owl-page span { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .owl-slider-wrapper .owl-custom-nav, .owl-slider-wrapper .owl-controls { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } // prefix is no longer supported .owl-slider-wrapper .owl-custom-nav, .owl-slider-wrapper .owl-controls { -o-transition: all 200ms ease-in } // prefix is no longer supported .owl-slider-wrapper .owl-custom-nav, .owl-slider-wrapper .owl-controls { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .owl-slider-wrapper:hover .owl-custom-nav, .owl-slider-wrapper:hover .owl-controls { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } // prefix is no longer supported .parallax { -webkit-background-size: cover } // was required by Android Browser 2.3, Opera 10 and earlier .parallax { -moz-background-size: cover } // was required by Firefox 3.6 and earlier .parallax { -o-background-size: cover } // prefix is no longer supported .progress.plain { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .progress.plain { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .progress.plain { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier .progress.plain .bar { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .progress.plain .bar { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .progress.plain .bar { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -o-transition: all 200ms ease-in } // prefix is no longer supported select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier .newsletter input[type="email"] { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .recent-list .post .date { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .recent-list .format-wrapper { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .classic-blog .post .date { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .classic-blog .posts .format-wrapper { -webkit-border-radius: 50% } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .border-list li:after { -o-transition: all 200ms ease-in } // prefix is no longer supported .border-list li:after { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .pagination ul { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .pagination ul { -moz-box-shadow: none } // was required by Firefox 3.6 and earlier .pagination ul > li > a, .pagination ul > li > span { -o-transition: all 200ms ease-in } // prefix is no longer supported .pagination ul > li > a, .pagination ul > li > span { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .pagination ul > li > a, .pagination ul > li > span { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .pagination ul > li > a, .pagination ul > li > span { -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .pagination ul > li > a, .pagination ul > li > span { -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15) } // was required by Firefox 3.6 and earlier .pagination ul > li:first-child > a, .pagination ul > li:last-child > a { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #scrollUp { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #scrollUp { -moz-transition: background 200ms linear } // was required by Firefox 15 and earlier .fancybox-close, .fancybox-prev span, .fancybox-next span { -o-transition: all 200ms ease-in !important } // prefix is no longer supported .fancybox-close, .fancybox-prev span, .fancybox-next span { -moz-transition: all 200ms ease-in !important } // was required by Firefox 15 and earlier .fancybox-close, .fancybox-prev span, .fancybox-next span { -webkit-border-radius: 3px !important } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #fancybox-loading { -webkit-border-radius: 3px !important } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.33) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .fancybox-opened .fancybox-skin { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.33) } // was required by Firefox 3.6 and earlier .open > .dropdown-menu, .open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu { -moz-animation-name: slidenavAnimation } // was required by Firefox 15 and earlier .open > .dropdown-menu, .open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu { -moz-animation-duration: .3s } // was required by Firefox 15 and earlier .open > .dropdown-menu, .open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu { -moz-animation-iteration-count: 1 } // was required by Firefox 15 and earlier .open > .dropdown-menu, .open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu { -moz-animation-timing-function: ease } // was required by Firefox 15 and earlier .open > .dropdown-menu, .open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu { -moz-animation-fill-mode: forwards } // was required by Firefox 15 and earlier .navbar-header { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.11) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-header { -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.11) } // was required by Firefox 3.6 and earlier .services .tab .icon i.icn { -webkit-border-radius: 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .services .tab h4 { -o-transition: all 200ms ease-in } // prefix is no longer supported .services .tab h4 { -moz-transition: all 200ms ease-in } // was required by Firefox 15 and earlier .tp-bullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important } // prefix is no longer supported 
  • Qualified Selectors61

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    h1.post-title {}i.contact {}td.details-control {}tr.shown td.details-control {}tr.shown td.details-control {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {}.yamm .yamm-content ul.circled li {}.tp-caption a.btn {}.services .tab .icon i.icn {}.services .tab:hover .icon i.icn {}.services .tab.active .icon i.icn {}.icon i.icn {}.step:hover i.icn {}#testimonials .tab a.active {}#testimonials .tab-container .panel-container div.tab-block {}#testimonials .tab a.active {}#testimonials.tab-container .panel-container div {}.filter li a.active {}.filter li a.active {}.process li.process-item {}.process li.process-item.border-top {}.process li.process-item.border-bottom {}.process li.process-item.border-right {}.process li.process-item.border-left {}.process li.process-item .number {}.process li.process-item .info {}ul.circled {}ul.circled li {}.post-parallax h3.bold {}.forms li.hidden-row {}.forms li.error input {}.forms li.error textarea {}.forms span.error {}.forms .button-row span.error {}.forms .button-row p.forgot {}.format-filter li a.active {}.classic-blog .post a.date:hover {}#comments ol.commentlist {}#comments ol.commentlist li {}#comments ol.commentlist li:first-child {}#comments ul.children {}#comments ol.commentlist ul.children li {}#comments ol.commentlist ul.children li {}#comments a.reply-link {}#comments a.reply-link:hover {}#comments a.reply-link {}.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {}.process li.process-item {}.process li.process-item:first-child {}.process li.process-item:last-child {}.process li.process-item {}.process li.process-item:first-child {}.process li.process-item:last-child {}.sub-footer p.pull-left {}.sub-footer ul.pull-right {}.services .tab .icon i.icn {}.services .tab:hover .icon i.icn {}.services .tab.active .icon i.icn {}.tabs-side img.pull-left {}.tabs-side img.pull-right {}#comments ul.children {}
  • Redundant Child Nodes Selectors21

    Deteced redundancies for child node selectors

    Dry up duplication by nesting rules under a set of similar selectors

    tr.shown td.details-control {}.yamm .yamm-content ul.circled li {}ul.circled li {}.pricing .plan ul li {}.forms ol li .col-sm-12 {}.forms ol li {}.format-chat ul li {}.format-chat ul li strong {}.pagination ul > li {}.pagination ul > li > a {}.pagination ul > li > span {}.pagination ul > li > a:hover {}.pagination ul > li > a:focus {}.pagination ul > li:first-child > a {}.pagination ul > li:last-child > a {}#comments ol.commentlist li {}#comments ol.commentlist li:first-child {}#comments ol.commentlist ul.children li {}#fancybox-thumbs ul li img {}.retina-icons-code tr td:first-child {}.retina-icons-code tr th:first-child {}
  • Universal Selectors16

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    * {}* {}*:after {}:focus {}::selection {}::-moz-selection {}::-webkit-input-placeholder {}:-moz-placeholder {}::-moz-placeholder {}:-ms-input-placeholder {}.color-wrapper [class*="col-"] {}.color-wrapper [class*="col-"] p {}[class*="col-"] {}.color-wrapper [class*="col-"] {}.color-wrapper [class*="col-"] p {}.services [class*="divide"] {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors106
Comments86
Comments Length7150
Expressions0
Imports0
Media Queries7
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.06
Specificity Id Total65
Specificity Class Avg1.9
Specificity Class Total2028
Specificity Tag Avg0.64
Specificity Tag Total679
Selectors1065
Selector Length Avg2.028169014084507
Selectors By Attribute36
Selectors By Class1532
Selectors By Id65
Selectors By Pseudo275
Selectors By Tag608
Length92758
Rules858
Declarations2279