小编Jam*_*lly的帖子

我有以下文字：

<span class="page-number">42</span>

我想创建一个伪元素，如下所示：

<span class="page-number">42</span>

这样伪元素的内容就是元素的文本，在本例中为 42。我可以通过一些技巧来做类似的事情吗？

我正试图用伪元素做一些技巧.

我正在展示一个排名,我希望冠军能够在胜利者的顶部展示,在图像所在的角落倾斜45度.但是图像太大了,有没有办法让我重新调整伪元素上添加的图像？

我只有这个div:

<div class='box'></div>

有了这个CSS:

.box {
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #000;
    position:absolute;
    top: 100px;
    left: 100px;
}

.box::after{
    content: url(URL_OF_IMAGE);
    position: absolute;
    top: -10px;    
    right: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

我在JSFiddle上做了一个例子:http://jsfiddle.net/GEtds/

我试图改变height和width,但没有效果.

我的Ghost.org博客显示日期为:

2013年11月4日

这是content\themes\{theme-name}\post.hbs通过以下方式控制的:

<time datetime="{{date format="YYYY-MM-DD"}}">
    {{date format='DD MMM YYYY'}}
</time> 

我希望将其更改为不同的格式,例如Wednesday, 4th November 2013,我该怎么做？

我有一个列表,是一个更大的菜单的一部分:

<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
<li>Menu Item 3</li>
</ul>

我想完全隐藏列表如果在Web浏览器中禁用了Javascript.

我尝试了一个有效的解决方案,但是它使用head中的noscript元素,它不符合XHTML.我正在寻找符合XHTML的解决方案.

我正在尝试制作一个css类,它会为第一个找到的具有特定标签的元素提供背景颜色.

这个CSS

.blue p:first-of-type {
    background-color:#2E9AFE;
}

作品例如1:

<div class="blue">
    <p>element 1</p>
    <p>element 2</p>
    <p>element 2</p>
</div>

不适用于示例2:

<div class="blue">
    <ul>
        <li><p>Parent 1</p>
            <ul>
                 <li><p>Element 1.1</p></li>
                <li><p>Element 1.2</p></li>
            </ul>
        </li>
    </ul>
</ul>

在示例2中,带有标记的第一个元素p是Parent 1,但是我的代码为每个元素着色.为什么？

小提琴:http://jsfiddle.net/alexix/CYX32/1/

我在html页面上有这样的元素:

<input id="serial[301888][0]" type="hidden" value="51.0100|T2-QQQ" name="serial[301888][0]">
<input id="serial[301888][1]" type="hidden" value="5.0900|T2-WWW" name="serial[301888][1]">
<input id="serial[301888][2]" type="hidden" value="11.1100|T2-XXX" name="serial[301888][2]">
<input id="serial[301888][3]" type="hidden" value="22.5600|T2-YYY" name="serial[301888][3]">
<input id="serial[301888][4]" type="hidden" value="10.2300|T2-ZZZ" name="serial[301888][4]">

不使用jQuery,我怎么能把所有这些元素都放到一个数组中？

为什么最后p没有突出显示？

w3schools说:

为p元素指定背景颜色,该元素是其父元素的最后一个子元素

那么最后p应该突出显示吗？

<style> 
div p:last-child {
    background: #ff0000;
}
</style>

<div>
  <p>The first paragraph.</p>
  <p>The second paragraph.</p>
  <p>The third paragraph.</p>
  <p>The fourth paragraph.</p>
  <span>The first span.</span>
<div>

对你说,用这个 - 这不是我的问题:

div p:last-of-type {...}

是否可以根据浏览器窗口的高度(而不是使用媒体查询的宽度)更改CSS font-size和line-height标题？

Knockout.js拥有双向绑定,而活生生的实例展示了如何value结合(当用于文本输入)更新视图模型.

但是,我尝试更新其他绑定(例如text)并发现视图不更新viewmodel.看这个例子:http://jsfiddle.net/w7t89tuu/

从淘汰赛的文件中不清楚他们的一些绑定是双向的而其他绑定是不是.在什么条件下视图可以更新viewmodel？

在以下代码段中，我试图显示一个无序列表，其中的项目符号font-size要比关联<li>元素的要大。但是，在第二个元素的情况下，项目符号点与图像的上角对齐。有没有一种方法可以强制项目符号点与<li>元素的中心（在本例中为<span>）对齐？

li{
	font-size: 24px;
}

li span{
	font-size: 14px;
}

.table-display{
	display: table-cell;
	vertical-align: middle;
}

<ul>
    <li>
        <span>
        Welcome to the help page
        </span>
    </li>
    
    <li>
        <span>
            <div class="table-display">
                <img src="http://images.clipartpanda.com/phone-icon-molumen_phone_icon.png" alt="phone icon" height="64" width="64">
            </div>
		    <div class="table-display">
		        The Help Desk<br/>
			    phone number is :<br/>
                <span style="font-weight:bold;">(+01)2 34 56 78 90</span>
            </div>
        </span>
    </li>
</ul>