是否可以在SASS中访问HTML属性值？我有一行代码说
<ul id="my_id" data-count="3">
这3是一些jQuery的结果.我需要3计算一些CSS.如何将其保存为SASS变量？
或者,有没有办法计算某个父元素的子元素数？说我有这个代码:
<ul id="my_id" data-count="3">
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
</ul>
(正如您可能已经猜到的那样,data-count匹配列表项的数量的值.)SASS可以计算列表项并将该数字保存为变量吗？
任何想法将不胜感激.
我想在视图中创建一个动态CSS文件,然后渲染一个加载该CSS文件的模板.根据给视图的参数,每次调用视图时,CSS在某些位置可能具有不同的值.我该怎么做呢？(我应该补充一点,我没有在Python/Django中编写文件的经验.)
这是我认为它应该如何工作的简化示例:
# urls.py
urlpatterns = patterns('',
(r'^myview/(?P<color>[0-9a-f]{6})/$', create_css_file),
)
# views.py
def create_css_file(request, color):
raw = "@charset 'UTF-8';\n\n"
raw += "body {\n"
raw += " color: #" + color + ";\n"
raw += "}\n\n"
f = open('mydynamic.css', 'r+')
f.write(raw)
return render_to_response('mytemplate.html', locals())
# mytemplate.html
{% extends "base.html" %}
{% block head %}
<link rel="stylesheet" media="screen" href="{{ f.name }}" />
{% endblock %}
出于某种原因,这不起作用,尽管在生成的HTML页面的源代码中,看起来CSS文件正确加载.该f连在模板到达正确的,因为我可以看到它的内容,当我改变<link>...行
<link rel="stylesheet" media="screen" href="{{ f }}" />
(f而不是f.name).但HTML呈现时没有所需的颜色设置.任何人都可以告诉我为什么会这样吗？ …
我对jQuery很新,但我几乎可以肯定我想要实现的目标是可能的.
我有一个页面,导航栏固定在底部.导航栏有一个按钮,可以切换一个额外的面板,我想从底部向上滑动.这是我到目前为止:http://jsfiddle.net/E4yGh/
如您所见,面板向上滑动到页面的其余部分,该页面保持不变.我想要的是让页面的其余部分向上滚动以显示面板.页面应该根据面板的高度精确向上滚动div,以便面板的底部固定在页面的底部 - 理想情况下,无需指定面板的高度,以便自动调整.
我该怎么做呢？
我想对我的input视野应用两个90度角的矩形阴影，因此我希望阴影仅在顶部和底部边界处，而不在左侧和右侧边界处。相反，左侧有一个深色的嵌入式阴影，我无法摆脱它（请参阅Fiddle）。有任何想法吗？