我知道这是一个简单的问题.
如果我有两个css类:
.cssclass1 { ...some element .... }
.cssclass2 { ...some element .... }
我想在输入字段中使用它们:
<input type="text" class="cssclass1 cssclass2" />
我如何链接它,所以cssclass2只有在与cssclass1相同的元素中才会呈现？
我想TR从这个站点的每个创建一个JSON对象.
现在我能够得到整张桌子而且每张TR都不够......这就是为什么我很困惑.
这是我想要的JSON示例.这个适用于第07章:
{
"chapter":"07",
"title":"LIFTING AND SHORING",
"description":"This chapter shall...",
"section":[
{
"number":"00",
"title":"GENERAL",
"description":"",
},
{
"number":"10",
"title":"JACKING",
"description":"Provides information relative...",
},
{
"number":"20",
"title":"SHORING",
"description":"Those instructions necessary...",
}
]
}
我需要的是立刻得到这一切,但这是我迄今为止所管理的:
parsed_html.css("table")[1].css("tr")
我正在使用Nokogiri进行解析.
给定HTML代码段,
<div align="right">...<div>
<p class="text2">abc</p>
我已经使用jsoup来获取具有属性的所有元素,align设置为right.现在我想选择我使用的下一个兄弟姐妹,el.nextElementSibling()
How do I verify that the next element is a p HTML element with a class of text2? I am new to jsoup and I am learning as I code. Any help would be appreciated! Thanks!
我有以下HTML:
<section></section>
<section id="top">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li> <!-- STYLE THIS -->
<li>5</li> <!-- STYLE THIS -->
</ul>
</section>
<section></section>
我有动态生成的HTML,我如何设置以上两种风格？应用样式的section有id="top",款式最后2 list-items中的最后一个ul.
有没有办法选择最后出现的具有css的特定元素？
这是一个例子:DEMO
我试过last-child但这不是我想要的.我用过这堂课:
HTML:
<ul>
<li><span>test</span></li>
<li>
<span>test</span>
<span>test</span>
</li>
</ul>
<div>
<span>test</span>
<span>test</span>
</div>
<p>
<span>test</span>
<span>red</span>
</p>
CSS:
span:last-child{
color:red;
font-weight:bold;
}
我希望最后一个span"红色"内容为红色.我怎么能用css做到这一点？
更新:
有一个解决方案,last-of-type用于具有相同父项的元素.但不同的父母呢？
我在网页上注意到了这个CSS，并想知道它是如何工作的！
这是什么意思？ input[class*="span"]
input[class*="span"], select[class*="span"], textarea[class*="span"] {
float: none;
margin-left: 0;
}
我试图弄清楚如何只选择第一组类并将CSS应用于它.
在下面的代码中,我试图在第一组div上使用类.item来应用颜色
<div class="field-items">
<div class="item">This text should be red</div>
<div class="item">This text should be red</div>
<div class="field-items">
<div class="item">This text should NOT be red</div>
<div class="item">This text should NOT be red</div>
<div class="item">This text should NOT be red</div>
<div class="item">This text should NOT be red</div>
</div>
<div class="item">This text should be red</div>
<div class="item">This text should be red</div>
</div>
问题是第二组.item div也得到了颜色:红色; CSS.我一直在玩选择器,如:nth-child,:nth-of-type,>,+,...但我无法弄清楚如何做到这一点.
我现在能做的最好是覆盖第二组的css.
.item {
color: #cc3333;
}
.item .item {
color: #000;
}
任何帮助表示赞赏.
我如何才能转义以下特殊字符，以便可以使用div上的ID来获取表格？这是我的cssSelector：
#form > div:nth-child(4)>div:nth-child(2) > div:nth-of-type(2) > div:nth-of-type(2)
这是html代码：
div id="form:panelGridTransactionInfo" class="ui-panel ui-widget ui-widget-content ui-corner-all"
谢谢
这是HTML输出:
<ul class="slides row">
<li id="t64" class="span3"></li>
<li id="t65" class="span3"></li>
<li id="t67" class="span3"></li>
<li class="detailView desktopView"></li>
<li id="t66" class="span3"></li>
<li id="t68" class="span3"></li>
<li class="detailView desktopView"></li>
<li class="detailView mobileView"></li>
</ul>
我正在尝试.span3仅使用类名选择第n个元素.所以我尝试了这个:
var targetSlide = 3;
$(".slides").children('.span3:eq('+ targetSlide +')').addClass('on');
要么
var targetSlide = 4;
$(".slides").children('.span3:nth-child('+ targetSlide +')').addClass('on');
在这两种情况下都.detailView被选中.有任何想法吗？
我有一个页面具有以下结构.我想为每个"componet-4"应用背景颜色,但是只想为第一个元素"componet-4"应用不同的颜色.如何指出其他人的第一个元素.我也要支持IE7和IE8.我不能使用Javascript,我想通过使用css实现它,它可能吗？请指教.
<html>
<body>
<div id="component-1">
<div class="component-2">
<div class="component-3">
<div class="component-4">
</div>
</div>
</div>
<div class="component-2">
<div class="component-3">
<div class="component-4">
</div>
</div>
</div>
<div class="component-2">
<div class="component-3">
<div class="component-4">
</div>
</div>
</div>
</div>
</body>
</html>
请指教我..
css-selectors ×10
css ×6
html ×5
css3 ×3
html-parsing ×2
java ×2
class ×1
javascript ×1
jquery ×1
json ×1
jsoup ×1
nokogiri ×1
ruby ×1
selenium ×1