在php中制作css框架生成器 - Make css frame generator in php

我试着做一个像这样的CSS框架生成器我在这里也找到了一个同样的答案，除了一件事之外，它工作得很好

PHP代码:

<?php
function print_css($parentTag, $prefix, &$dup_checker) {
    if ($parentTag->nodeName == '#text') {
        return;
    }
    if ($parentTag->hasAttribute("class") || $parentTag->hasAttribute("id")) {
        $idpart = ($parentTag->hasAttribute("id")) ? "#" . $parentTag->getAttribute("id") : "";
        $classpart = ($parentTag->hasAttribute("class")) ? "." . str_replace(" ", ".", $parentTag->getAttribute("class")) : "";
        $my_css = $prefix . $parentTag->nodeName . $idpart . $classpart;
    } else {
        $my_css = $prefix . $parentTag->nodeName;
    }
    if (!isset($dup_checker[$my_css])) {
        echo $my_css . " {}'n";
        if ($parentTag->nodeName == 'a') {
            foreach (array("link", "visited", "hover", "active", "focus") as $pseudo)
                echo $my_css . ':' . $pseudo . " {}'n";
        }
        $dup_checker[$my_css] = 1;
    }
    $nodes = $parentTag->childNodes;
    for ($i = 0; $i < $nodes->length; $i++) {
        $node = $nodes->item($i);
        print_css($node, $my_css . ' ', $dup_checker);
    }
}
header('Content-type: text/plain');
$source = '<body class="theme">
    <div class="header class2">
        <h1><a href="#">Welcome</a></h1>
    </div>
    <div class="content">
        <div class="sidebar">
            <ul>
                <li><a href="#">Link 1</a></li>
                <li id="hellos" class="meow wuff"><a href="#"><span>Link 2</span></a></li>
                <li><a href="#">Link 3</a></li>
                <li><a href="#">Link 4</a></li>
                <li><a href="#">Link 5</a></li>
            </ul>
        </div>
        <div class="main">
            <h2>Main Heading</h2>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry''s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
        </div>
    </div>
    <div class="footer">
        <p id="hello">Copyright &copy; 2012 Me!</p>
    </div>
</body>';
$html = new DOMDocument;
$html->loadHTML($source);
$nodes = $html->getElementsByTagName("body");
$css = "";
$dup_checker = array();
for ($i = 0; $i < $nodes->length; $i++) {
    $node = $nodes->item($i);
    print_css($node, '', $dup_checker);
}
?>

输出:

body.theme {}
body.theme div.header.class2 {}
body.theme div.header.class2 h1 {}
body.theme div.header.class2 h1 a {}
body.theme div.header.class2 h1 a:link {}
body.theme div.header.class2 h1 a:visited {}
body.theme div.header.class2 h1 a:hover {}
body.theme div.header.class2 h1 a:active {}
body.theme div.header.class2 h1 a:focus {}
body.theme div.content {}
body.theme div.content div.sidebar {}
body.theme div.content div.sidebar ul {}
body.theme div.content div.sidebar ul li {}
body.theme div.content div.sidebar ul li a {}
body.theme div.content div.sidebar ul li a:link {}
body.theme div.content div.sidebar ul li a:visited {}
body.theme div.content div.sidebar ul li a:hover {}
body.theme div.content div.sidebar ul li a:active {}
body.theme div.content div.sidebar ul li a:focus {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a:link {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a:visited {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a:hover {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a:active {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a:focus {}
body.theme div.content div.sidebar ul li#hellos.meow.wuff a span {}
body.theme div.content div.main {}
body.theme div.content div.main h2 {}
body.theme div.content div.main p {}
body.theme div.footer {}
body.theme div.footer p#hello {}

如果我把下面的代码在源代码中，我得到这个错误

解析错误:语法错误，意外的'1' (T_LNUMBER) inE:'wamp'www'ajaxtest'所有ajax文件'xhtml生成器'index.php上线35

这是我尝试的代码:

<nav>
            <ul class="navigation">
                <li data-slide='1'><a href="#">slide1</a></li>
                <li data-slide='2'><a href="#">slide2</a></li>
                <li data-slide='3'><a href="#">slide3</a></li>
                <li data-slide='4'><a href="#">slide4</a></li>
            </ul>
        </nav>
        <div class="main">
            <div class='slide' id='slide1' data-slide='1' data-stellar-background-ratio='0.5'>
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 slide-1-img">
                            <img src="" alt="" class="logoimg" />
                        </div>
                        <div class="col-md-6">
                            <h1>welcome to my new sexy parallax website</h1>
                        </div>
                    </div>
                </div>
                <a href="" data-slide='2' title=""></a>
            </div>
            <div class='slide' id='slide2' data-slide='2' data-stellar-background-ratio='0.5'>
                <a href="" data-slide='3' title=""></a>
            </div>
            <div class='slide' id='slide3' data-slide='3' data-stellar-background-ratio='0.5'>
                <a href="" data-slide='4' title=""></a>
            </div>
            <div class='slide' id='slide1' data-slide='1' data-stellar-background-ratio='0.5'>
            </div>
        </div>

我已经尝试解决，但不能

问题出在PHP的字符串生成上。

正如你在文档中看到的，如果你把字符串括在双引号"中，你必须转义字符串中的所有双引号，因为它们被视为文字" s，否则PHP会认为你的字符串已经结束，并返回试图解析PHP，同样地，如果你使用单引号'。

你试图改变它的代码是混杂的'和"， 所以选择一个并使用它在你的PHP字符串创建一定要逃避它的任何实例你遇到在你的字符串。

它们都有自己的用途，阅读我上面链接的文档来帮助决定哪一个最适合你的需要。

。

echo "Alex's test string"; // This is ok
echo 'Alex''s test string'; // This is ok as well (the apostrophe is escaped)

你正在尝试做这个:

echo 'Alex's test string'; // This will error

为什么?因为当引号结束时，PHP认为字符串在"Alex"之后结束(stackoverflow语法高亮也很好地显示了这一点)。

编辑:供您参考，我是如何从您的错误信息中得出这个结论的:

Parse error: syntax error, unexpected '1' (T_LNUMBER) in E:'wamp'www'ajaxtest'all ajax file'xhtml generator'index.php on line 35

这是说它试图解析PHP并击中它不期望的字符1。如果您查看修改后的源代码

<li data-slide='1'><a href="#">slide1</a></li>
                ^

正如你在这里看到的，1在'后面，这也恰好是你在

中包围字符串的地方。