解析嵌套的CSS结构

我想写一个小的代码分析器来分析嵌套结构并将其翻译为有效的CSS。但是，我没有保留从上层继承的标识符。解析嵌套的CSS结构

嵌套结构：

#foo { 
    border: 1px; 
    a { 
     border: 2px; 
    } 
    b { 
     border: 3px; 
     c { 
      border: 4px; /* comment */ 
     } 
    } 
}

我想结构翻译成：

#foo { 
    border: 1px; 
} 

#foo a { 
    border: 2px; 
} 

#foo b { 
    border: 3px; 
} 

#foo b c { 
    border: 4px; /* comment */ 
}

解析代码：

#include <iostream> 
#include <iterator> 
#include <string> 

using namespace std; 

int main() { 

    string str = "\ 
    #foo {\ 
     border: 1px;\ 
     a {\ 
      border: 2px;\ 
     }\ 
     b {\ 
      border: 3px;\ 
      c {\ 
       border: 4px; /* comment */\ 
      }\ 
     }\ 
    }"; 

    string::const_iterator i = str.end(), 
    begin = str.begin(), end; 

    while (i != begin) { 
     if (*i == ';' || (*i == '/' && *(i-1) == '*')) { 
      end = i++; 

      while (*i-- != '{'); 

      while (true) { 
       if (*i == ';' || *i == '}' || *i == '{' || i == begin) 
        break; 
       i--; 
      } 

      string item(++i, ++end); 
      cout << item << "}" << endl; 
     } 
     i--; 
    } 

    return 0; 
}

日期：

c { 
    border: 4px; /* comment */ 
} 

b { 
    border: 3px; 
} 

a { 
    border: 2px; 
} 

#foo { 
    border: 1px; 
}

那么，如何保留从上层继承的标识符呢？

来源

2012-01-29 Alexander Abashkin

如果你不这样做纯粹是作为一个练习的时候，意识到已经有东西在那里像[LESS CSS（http://lesscss.org/）这是做什么的。 – icktoofay 2012-01-29 09:02:40

@icktoofay，我知道'LESS'非常好，我想用C++来做这件事。嵌套规则是唯一需要做的事 – 2012-01-29 09:07:24

您可以将标识符保留在堆栈中。当你沿着层次结构向上/向下时，你推/拉弹出。 – Alexander 2012-01-31 11:58:51

如果您使用的是C++，为什么不使用OO？

创建一个表示范围（匹配{}对）的类，它具有指向其子范围的指针列表以及指向其父范围的指针：即：从您的示例foo的列表中包含a和b，b列表包含c。

当打印出来时，递归地进入每个叶范围，然后通过将其所有“祖先”的名称添加到其自己的开头来打印它的“完整”名称。

一具骷髅起点：

class Element 
{ 
public: 
    Element() 
    : m_pParent(0) 
    { 
    } 


private: 

    std::string m_Name; 
    std::string m_Contents; 

    Element* m_pParent; 
    std::list<Element*> m_Children; 

};

来源

2012-03-28 13:44:21

解析嵌套的CSS结构

回答

相关问题