CSS - CSS Coding That I Have Never Seen

css - css coding that I have never seen

Read this spec: http://www.w3.org/International/questions/qa-escapes#cssescapes. The characters following the back slash represent a unicode code point. The space is required if the next character is allowed as part of the hexadecimal values.

CSS Rule, Never seen before

* affects (I should say "represents the qualified name of") all elements. Per spec:

http://www.w3.org/TR/selectors/#universal-selector

what is this type of CSS code?

You technically can't start a CSS selector with a number. However, you can use escape characters to get around that it looks like. Check this out.

Leading digits

If the first character of an identifier is numeric, you’ll need to
escape it based on its Unicode code point. For example, the code point
for the character 1 is U+0031, so you would escape it as \000031 or
\31 .

Basically, to escape any numeric character, just prefix it with \3 and
append a space character ( ). Yay Unicode!

The weirdest css issue I have ever seen

I'd venture the guess that the CSS right before that first one is malformed, i.e. has the wrong syntax, like a missing closing bracket. In such a case statements might get skipped until the next valid closing bracket. Your nonsense statement "corrects" the syntax, so without it the .commentwrapper statement gets skipped.

Weird CSS Selector - Chrome

Once Paulie_D told me its to do with escaping the ID as it cannot start with a number, a bit of googling gave me the right answer.

https://css-tricks.com/ids-cannot-start-with-a-number/

Which is why the ID: 633456 is written as: #\36 33456

Thanks.

Navigation Elements Not Working (Have never seen this before)

It seems that your main content is covering your menu thats why your menu cant click.. Try adding z-index:10 in your header with class site-header.

having a hard time understanding this responsive css-code

Can someone explain what they are doing? when and why should you use: \ , > , < , * , +.

They are different types of CSS Selectors.

> is a child selector. An example of it use is:

p {

  color: blue;

}

div > p {

  color: red;

}

<p>This text will be blue</p>

<div>

  <p>This text will be red</p>

  <form>

    <p>This text will not be red, but blue</p>

  </form>

</div>

---

Related Topics