Question

所以我一直在努力理解下面的代码，但我从未见过人们以这种方式使用css。

有人可以解释他们在做什么吗？何时以及为何使用：\ , > , < , * , +。那么00\25意味着什么呢？

如果有人能够对此有所了解，我将非常感激！我知道我可以在某个地方的文档中找到所有这些，但如果你已经掌握了这些知识，我将非常感谢你能与我分享！

以下是代码的一部分。

    .row.\30 \25 > * {
        padding: 0 0 0 0em;
    }

    .row.\30 \25 {
        margin: 0 0 -1px 0em;
    }

    .row.uniform.\30 \25 > * {
        padding: 0em 0 0 0em;
    }

    .row.uniform.\30 \25 {
        margin: 0em 0 -1px 0em;
    }

    .row > * {
        padding: 0 0 0 1.5em;
    }

    .row {
        margin: 0 0 -1px -1.5em;
    }

    .row.uniform > * {
        padding: 1.5em 0 0 1.5em;
    }

    .row.uniform {
        margin: -1.5em 0 -1px -1.5em;
    }

    .row.\32 00\25 > * {
        padding: 0 0 0 3em;
    }

    .row.\32 00\25 {
        margin: 0 0 -1px -3em;
    }

    .row.uniform.\32 00\25 > * {
        padding: 3em 0 0 3em;
    }

    .row.uniform.\32 00\25 {
        margin: -3em 0 -1px -3em;
    }

    .row.\31 50\25 > * {
        padding: 0 0 0 2.25em;
    }

    .row.\31 50\25 {
        margin: 0 0 -1px -2.25em;
    }

    .row.uniform.\31 50\25 > * {
        padding: 2.25em 0 0 2.25em;
    }

    .row.uniform.\31 50\25 {
        margin: -2.25em 0 -1px -2.25em;
    }

    .row.\35 0\25 > * {
        padding: 0 0 0 0.75em;
    }

    .row.\35 0\25 {
        margin: 0 0 -1px -0.75em;
    }

    .row.uniform.\35 0\25 > * {
        padding: 0.75em 0 0 0.75em;
    }

    .row.uniform.\35 0\25 {
        margin: -0.75em 0 -1px -0.75em;
    }

这是一个包含更多CSS的JSfiddle： http://jsfiddle.net/c788hvmw/

Answer 1

看起来他们正在为他们的CSS逃脱角色。我不确定这是什么意思，但一般用例是使用带有类或id名称的引号。因此，您可以执行以下操作：class="my\'classname\'"，也可以写为class="my\27classname\27"，其中27是单引号的十六进制值（＆＃39;）。这是list of the hex and ascii values

就像我说的那样，我不确定为什么有人会这样做，但你可以。

有些例子有点意义。 .row.uniform.\35 0\25可能被翻译为.row.uniform.5 0%我真的不确定这意味着什么，但是如果（我不太了解这个），可以忽略它的空间可以是50％宽度的行，也可以是两列 - 每行50％。这是一个（较旧的）article。

很难理解这个响应式css代码

1 个答案: