我使用带有自定义HTML5属性的bootstrap LIKE下拉菜单data-作为前缀,其值从一开始#,现在由于某种原因我无法改变它.
这是脚本链接(就像这样<a href="#" data-dropdown="#dropdown-1">dropdown</a>)
现在的问题是使用PHP的动态方法,所以元素的子元素经常更改所以我没有使用nth-child如此想法使用attribute-value选择器但CSS不接受如果值包含#.有没有解决方法呢？
<div data-demo="works">This works</div>
<br />
<div data-demo="#doesnt_works">This fails</div>
CSS
div[data-demo=works] {
color: red;
}
div[data-demo=#doesnt_works] {
color: green;
}
我试过了
var name = <?php echo json_encode($eventname); ?>;
和
var name = new Array("<?php echo implode('","', $eventName);?>");
将我的名字字符串数组从PHP解析为Javascript.它显示为
var name = ["lalalala","Lalala","test"];
和
var name = new Array("lalalala","Lalala","test");
在viewsource中,但是当我尝试使用name [i]来获取字符串时,它返回了字符,而不是字符串.数组名称的大小也不是3,而是20(这是字符总数加上3",").我怎样才能解决这个问题？
我如何制作它以使不透明度正常,直到有人在它上面盘旋并且当它们悬停在它上面时图片亮起但将其他图像发送到后台？我也希望图像淡入淡出.
这是jsfiddle
img {
opacity: 0.7;
}
img:hover {
opacity: 1;
}
.radio div[type='radio'] {
background: transparent;
border:0px solid #dcdcdc;
border-radius:10px;
padding:0px;
display: inline-block;
margin-left: 5px;
cursor:pointer;
text-align: left;
opacity: 0.7;
}
.radio div:hover[type='radio'] {
opacity: 1;
}
不透明度很好,但我希望图像具有正常的不透明度,直到有人在它上面盘旋.
下面是什么html版本的代码片段？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Generator" content="some info here ..." />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
我已经护目镜但仍然不知道该怎么做
我有3个div
<body>
<div id="container">
<div id="center"> <h1>center</h1> </div>
<div id="right"> <h1>right</h1> </div>
</div>
</body>
我试图完成什么
到目前为止我尝试了什么
#center{
background-color: green;
float: left;
overflow: auto;
}
#right{
background-color: red;
float: right;
width: 200px;
}
如何使div id = center在另一个div(div id = right)的正确位置填充整个宽度
原谅我的英语
我怀疑使用纯HTML/CSS可能无法实现我想要实现的目标,但无论如何都要进行.我想要一个2列布局,它很好地包装在移动设备上.如果有空间,每列占据容器宽度的50%,如果它们包裹,则占据容器宽度的100%.
这是一些示例标记:
<!doctype html>
<html xml:lang="en-gb" lang="en-gb" >
<head>
<title>Responsive 2 col</title>
<style type="text/css">
.colcontainer
{
width: auto;
overflow:hidden;
border: solid 1px red;
}
.leftcol
{
width: 49%;
float: left;
margin-right:10px;
border: solid 1px blue;
}
.rightcol
{
width: 49%;
float: left;
border: solid 1px green;
}
</style>
</head>
<body>
<div class="colcontainer">
<div class="leftcol">
Here is a paragraph which has enough text to cause it to take up a fair amount of width if left to its own devices.
</div> …我有以下标记
<div>
<article>article 1</article>
<article>article 2</article>
<article>article 3</article>
<article>article 4</article>
<ul class="pagination">
<li>Page 1</li>
<li>Page 2</li>
</ul>
</div>
我尝试对每篇文章应用底部边框,但不对最后一篇应用:
article:not(:last-child) {
border-bottom: 8px solid #404040;
}
但是有了这个,我在上一篇文章中得到了一个边框.
如果我删除UL,那么上一篇文章没有边框.
这很奇怪,因为我只是将风格应用于文章.
我怎么解决这个问题？
谢谢你,米格尔
我想更改所选选项="已选择"的文本颜色:
<select class="select">
<option value="--">--</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012" selected="selected">2012</option>
<option value="2011">2011</option>
</select>
我一直在尝试CSS,但似乎不可能:
.select select [selected="selected"]{
color: #2b2b2b;
}
有关jQuery的任何想法吗？
我在html中有一个button元素，如下所示，
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body style="height:100%;">
<button id="chartContainer" style="height:100%;" >
</button>
</body>
</html>
我需要按钮来填充窗口的高度。调整窗口大小时，按钮应适应窗口大小。所以我已将按钮的高度指定为100％，但无法正常工作。
请参见下面的链接，图表元素将填充整个窗口，在调整窗口大小时，图表会以可用大小自动收缩
是否可以将按钮填充到窗口大小？
提前致谢
对于那些不熟悉的人,复选框的checked属性将接受任何输入作为复选框的符号.事实上,它不需要任何文字.所以这些都会勾选方框
<input type="checkbox" checked />
<input type="checkbox" checked="false">
<input type="checkbox" checked="">
<input type="checkbox" checked="0">
所有那些将检查框.
我的问题是我被交给一个复选框,需要取消选中它.我不能改变它的价值 - 它仍然使它被检查.我需要从轨道上钻核它.使用javascript或jQuery非常容易,但该网站不允许在我的CSS中使用任何内容.
我读了一个大约100个属性的列表以及如何重置它们 - auto,normal,0,inherit等等,但'checked'不在列表中,我尝试了所有这些和我能想到的任何东西,这个复选标记不会死.