Question

我正在使用wordpress主题，我的编辑器（netbeans）会看到一个包含错误的css文件。

<script type="text/javascript">
var row = {
    "category" : "Animal"
};
</script>
Output: {{ row.category }}

我想这可能是一个错字，但接下来是这些选择器：

.gallery-item{ max-width:50%); margin:0; }

单点是我在css中还不知道的东西，或者只是作者犯了错误？

这些只是一个单点选择器的例子，在使用单点选择器的整个css文件中找到更多行，我不确定它是否正确或需要修复。

Answer 1

此行中的“）”出错：

AsEnumerable

它不应该有“）”。

此行中你的“。”是错误的：

.gallery-item{ max-width:50%); margin:0; }

我想也许你正在尝试做这样的事情：

.site-footer ., .site-footer . a,

Answer 2

您/作者的代码中有四个错误。如果您以后需要验证代码，可以使用w3.org CSS Validator

.gallery-item{ max-width:50%); margin:0; }
                            ^
                            |---- Remove the bracket


.footer-widget h3. { margin:10px 0; position:relative; }
                 ^
                 |---- Suffixed dot. It should be .h3

.site-footer ., 
             ^
             |---- Remove dot 

.site-footer . a,
              ^
              |---- Space after dot. Remove it

Answer 3

如有疑问，请参阅spec。更具体地说，您的编辑器正确地将这些标识为css错误。请确保您正在验证正确版本的CSS。

Answer 4

原始

.gallery-item{ max-width:50%`)`; margin:0; }
.footer-widget h3`.` { margin:10px 0; position:relative; }
.site-footer `.`, .site-footer `.` a, .site-footer .wp-caption-text {border-bottom:none; padding:0;}

校正的

.gallery-item{ max-width:50%; margin:0; }
.footer-widget h3 { margin:10px 0; position:relative; }
.site-footer, .site-footer a, .site-footer .wp-caption-text {border-bottom:none; padding:0;}

如果您使用神秘类（即“。”）删除了包含元素，那么您应该不会遇到语法更正规则的问题。但是，从中间移除分类选择器可能会产生不良结果。我们知道它之前存在由于残余的“。”。不知道你的标记是什么样的，我不知道。一个可能更安全的赌注就是用一个类来定位SOMETHING，即使这个模糊不清。显然，适当选择已知元素会更好，但尝试定位正确元素的东西会用[class!=""]替换句点。这会选择任何类。

更准确：

.gallery-item{ max-width:50%; margin:0; }
.footer-widget h3 [class!=""] { margin:10px 0; position:relative; }
.site-footer [class!=""], .site-footer [class!=""] a, .site-footer .wp-caption-text {border-bottom:none; padding:0;}

这些css参数或选择器是否正确？

4 个答案: