# What's this coding convention from blogger CSS?

**URL:** https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326
**Category:** web dev
**Created:** [March 29, 2017, 4:42pm UTC](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326 "2017-03-29T16:42:47Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![kadaj](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kadaj/32/9061_2.png) [@kadaj](https://forum.kirupa.com/u/kadaj)
#### Post date: [March 29, 2017, 4:42pm UTC](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326/1 "2017-03-29T16:42:47Z")

</div>

Why does this CSS look like some programming language class definition and then there are a mix of this style with upper cases for elements. There is also the normal one, all lowercase. Is there any specific reason for the first set of style, like it’s some library they use? It’s from Google and why is this inconsistent? The CSS link [https://www.blogger.com/static/v1/widgets/124887373-widget\_css\_bundle.css](https://www.blogger.com/static/v1/widgets/124887373-widget_css_bundle.css)

```
.PageList LI A {
    font-weight: 400;
}

.PageList LI.selected A {
    font-weight: bold;
    text-decoration: none
}

.PlusBadge {}

.PlusFollowers {}

.PlusOne {}

```

Another set of styles from the same file:

```
section, nav, article, aside, hgroup, header, footer {
    display: block
}

time, mark {
    display: inline
}

```

Any thoughts on the conventions followed here?

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [March 30, 2017, 2:22am UTC](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326/2 "2017-03-30T02:22:12Z")

</div>

At first, I thought they may be relying on LESS, SASS, or some other CSS processor where you can go beyond the default CSS syntax. After looking at your CSS though, it is all just **_regular_** CSS.

You can have class values be capitalized (hence .PlusBadge, .PlusOne, etc.), and you can also capitalize your HTML elements (LI, A, etc.). Most people don’t do that, and many style guides ([such as Google’s](https://google.github.io/styleguide/htmlcssguide.html)) don’t encourage it. The second box of CSS you posted is applying a display value to a bunch of HTML elements. While it doesn’t look like it, `time` and `mark` are HTML elements that you can use in your markup 🙂

---

<div class="post-metadata">

### Author: ![kadaj](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kadaj/32/9061_2.png) [@kadaj](https://forum.kirupa.com/u/kadaj)
#### Post date: [March 30, 2017, 11:35am UTC](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326/3 "2017-03-30T11:35:36Z")

</div>

> Most people don’t do that, and many style guides (such as Google’s) don’t encourage it.

Exactly. That’s the point. This is a stylesheet from **Google** (blogger) itself. So wondering why the difference in conventions, given Google’s own style guide. 😃

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [March 30, 2017, 3:39pm UTC](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326/4 "2017-03-30T15:39:48Z")

</div>

Big company problems where not everyone got the same memo 😛
