1回答
我希望选择匹配特定类型的父元素的第一个元素；与$(parent).children()[0]等效的css。例如，作为父级的第一个子级的h1标记：
<div>
<h1 id="foo"></h1> // match
<div></div> // not match
…
</div>
<section>
<h1 id="bar"></h1> // match
<div></div>
浏览 1提问于2013-09-12得票数 1
回答已采纳
1回答
嘿，伙计们，我是css和html的新手，我有一个非常简单的问题要问你们。
我当前正在尝试将父div从屏幕外移动到屏幕内，同时悬停位于屏幕右侧的父div的一个子级。但是不知何故我不能让它工作，有没有可能在悬停子div的同时移动父div呢？或者我在这里做错了什么？
body {
overflow:hidden;
}
.border {
width: 500px;
height: 300px;
position:absolute;
left: 97%;
}
.left {
float:left;
width: 50px;
height: 300px;
marg
浏览 1提问于2013-09-07得票数 1
1回答
如果我有这个DOM结构
<div class="a b">
<div class="c" id="c1">
<div class="a">
<div class="c" id="c2">
</div>
</div>
</div>
</div>
我想创建一个选择器，比如
.a.b .c { ...}
让它只应用于id=c1，而不是id=c2，因为c2中的
浏览 0提问于2017-09-08得票数 2
4回答
我在div中有一个链接： <div class="parentStyle">Click me:<a>foo</a></div> 如何使链接没有任何自己的样式，使其具有父div的外观？ 问题是父div有一个白色字母的蓝色背景。因为它是一个链接，所以它的样式就像一个带有蓝色字母的链接，所以我最终得到了蓝色上的蓝色。 父样式是用Javascript添加的。因此，父母有时使用白色字母，有时则不是。 我需要的链接，以保持与父级相同的外观。 它在选中时的外观如下所示： <div class="k-top k-top"
浏览 23提问于2016-09-02得票数 0
回答已采纳
代码将如下所示
<label for="bar">Baz: <input type="text" name="bar" id="bar" class="foo"/></label>
我想设置标签的样式如何使用CSS进行选择？
浏览 1提问于2013-04-18得票数 1
回答已采纳
12回答
我的侧边栏中有一个分层导航菜单，它使用嵌套列表(和标签)。我正在使用一个预先制作的主题，该主题已经具有列表项的样式，但我希望更改顶层项的样式，但不将其应用于子项。有没有一种简单的方法可以将样式应用到顶级列表项标记中，而不让这些样式级联到它的子列表项？我知道我可以显式地将覆盖样式添加到子项中，但如果有一种简单的方法说“将这些样式应用于这个类，并且不将它们层叠到任何子元素”，我真的希望避免复制所有的样式代码。下面是我使用的html：
<ul id="sidebar">
<li class="top-level-nav">
<
浏览 15提问于2009-06-05得票数 104
回答已采纳
我嵌套手风琴如下：-
<div class="tab-pane" id="Products" role="tabpanel" aria-labelledby="Products-tab">
<a class="btn btn-link" role="link" href="#" onclick="ShowNew();"> + Add New Product</a>
浏览 0提问于2018-08-30得票数 0
回答已采纳
我想以类似于的东西结束
“11月22日”元素应该在父div的底部对齐，并在中心对齐。剩下的日期(21，20，19，18)应该紧随其后。(中心垂直线仅用于说明目的)。
这在css中是可能的吗？
编辑:这是我到目前为止得到的：
<div class="container">
<div id="motd">
<ul>
<li class="selected">22 November</li>
<li>21<
浏览 1提问于2012-11-25得票数 1
3回答
我正在设计一个单一的网页，其中有一个手机图像(安卓或IOS手机)。我希望此图像在桌面和平板电脑上的页面居中。在手机上(手机图像)，它应该适合整个屏幕。另外，l希望在图像的顶部放置一些html内容。无论屏幕大小，背景手机图像和内容都必须匹配在一起。
这就是l到目前为止所做的事情
<html>
<head>
<style>
#con{
background-image: url('example.png');
background-size: contain;
background-repeat: no-repe
浏览 3提问于2017-11-20得票数 0
1回答
如果用户在:good中签下_result_fields.html.erb，如何将:result_value & :date_value字体颜色更改为索引中的绿色？
这是为了给用户一个可视化的参考，他的量化:results加班。
例如：
Averaged
Meditated (min)
1.4 Dec 2014
1.8 Jan 2015***
2.1 Feb 2015***
1.8 Mar 2015
*** represents green font color. The User would have checked :good for these results in the f
浏览 3提问于2015-03-15得票数 0
5回答
我正在尝试使用CSS。
这是我的代码
这是html
<html>
<head>
<meta charset="UTF-8">
<title>Sample document</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<p id="first">
<strong class="carro
浏览 1提问于2015-07-06得票数 2
3回答
Html标记
<ul>
<li> <a href="...">parent</a>
<ul><li> <a href="...">child</a> </li></ul>
</li>
</ul>
我想要做的是只将背景应用于李家长的。
ul li a{
background:url(images/nav/divider.jpg) right bottom no-repeat;
}
这种风格适用于所有li-
浏览 4提问于2012-03-02得票数 0
1回答
帆布不填充div
、、、
我需要一个画布作为一个div的背景，所以我放置了一个重叠的。然而，它并没有填满整件事。我试着设置左、右、上和下，并使边距和填充0，但它不起作用。。CSS：
body {
background: white;
padding: 20px;
font-family: Helvetica;
height:100%;
}
#editor_contentwrapper{
box-sizing: border-box;
background: #353535;
position: absolute;
height:100%;
浏览 0提问于2018-06-20得票数 2
回答已采纳
我使用的是引导vue组件，b选项卡在safari浏览器中单击后显示大纲蓝色焦点边框，它与chrome和Mozilla一起工作很好。
我试过了
*:focus {outline:none !important}
浏览 2提问于2019-07-27得票数 2
回答已采纳
我正在整合大规模杀伤性武器编辑器，就像这里使用的那样。
对于内联代码块(如this one )，生成的html如下：
<code>this one</code>
对于多行代码，如：
var i = 0;
var j = 0;
生成的html是：
<pre>
<code>var i = 0;</code>
<code>var j = 0;</code>
<pre>
我为他们分离了css：pre{ ... }和code{ ... }
现在，我希望只有当<code>的父级不是<p
浏览 1提问于2014-05-25得票数 13
回答已采纳
我试图使用XML样式更改DatePicker中的文本颜色，但没有任何运气。我的应用程序主题是Theme.MaterialComponents.Light，我使用的样式代码如下所示。
<style name="MyDatePicker" >
<item name="android:textColorPrimary">@color/textColorPrimary</item>
<item name="colorControlNormal">@color/colorAccent</
浏览 2提问于2020-10-14得票数 0
回答已采纳
我有：
<form id="commentform">
<p class="class1">
<p class="class2">
<p>
<input id="captcha_code"></input>
</p>
</form>
我想设置"p“的样式，它既没有也没有id也没有class，我想这样做的方式是它不会设置其他"p”标签的样式。我的"p“有一个id为(#
浏览 0提问于2013-11-21得票数 0
5回答
我有一些带有'effect‘类的嵌套元素，如下所示：
<style>
.effect { transition: opacity 1s, visibility 1s; }
</style>
<div id=parent class=effect>
<a href=#>aaaaaaaaaaaaa</a>
<div id=child class=effect>
<a href=#>bbbbbbbbbbbbbb</a>
<div id=childo
浏览 5提问于2015-08-07得票数 5
1回答
我试图用下拉信息选项卡制作一个表格，当你滚动一个术语时，这些选项卡就会出现。我最初的方法是使这些信息选项卡不使用display : none css规则显示，然后当用户将鼠标悬停在相应的文本上时，信息选项卡将显示为display: block属性。
我的问题是，我无法理解如何覆盖包含/父元素的默认行为，而表调整大小以适应新出现的元素，然后在用户滚动时调整大小以恢复正常。我试验了z索引(将td设置为z索引:1，info选项卡设置为z索引:2)以及visibility:hidden -> visibility:visible vs display:none -> display:blo
浏览 2提问于2020-12-18得票数 0
回答已采纳
我在根元素上有一个b模式的组件。
<template>
<b-modal ref="mymodal" modal-class="my-modal">
关于scss，我定义了一些空白
<style lang="scss">
.my-modal {
margin-top: 100px;
这可以像预期的那样工作，但是如果我对我的scss进行检查
<style lang="scss" scoped>
.my-modal {
margin-top: 100px;
它
浏览 4提问于2019-09-25得票数 1
5回答
我有一个非常糟糕的CSS规则(非常具体，使用！重要)，它在段落中设置文本的颜色：
#wrapper .article .text {
color: green !important;
}
然后在该段中添加一个简单的span元素，并通过简单类设置span文本的颜色：
.black {
font-weight: bold;
color: black;
}
为什么这个低细节和不重要的简单类会覆盖父规则呢？
codepen.io上的完整片段：
浏览 6提问于2015-05-26得票数 4
回答已采纳
我有一个dataTable组件looke，如下所示：
<template>
<lightning-datatable
class="pw-table"
key-field="id"
columns={columns}
data={data}
hide-checkbox-column
></lightning-datatable>
</template>
现在我想写一些自定义的css来使表格标题更高，
.pw-table {
height: 300px;
}
但是没
浏览 1提问于2021-04-14得票数 0
3回答
我正在处理下拉菜单，但我很难从子菜单中删除某些样式。父元素有一个border-right: 1px，但是我不希望子元素有任何边框，而将其设置为border: 0px不会做任何事情。有什么方法可以清除所有继承的样式吗？
编辑： Ok，下面是我尝试过的一些代码：
parent {
border-right: 1px solid lightgrey;
}
parent child {
border: 0px 0px 0px 0px !important;
}
在这一点上，我想我将创建一个新的ID，以绕过导致我的代码不能工作的任何东西。
第二版：不，创建ID或类也不起作用。
浏览 5提问于2015-04-04得票数 3
回答已采纳
我有一个html，其中一个div包含两个锚元素..如果我将样式类应用于具有某种背景颜色的单个元素，则可以单击整个背景。如果我对div应用一个样式类，那么两个锚元素都会显示在背景上，但整个背景是不可点击的，只有单个锚元素是可点击的。
我不想使用任何JS或jQuery。
<div id="" class="AccordionTab" name="">
<table id="Nickname_table" class="CommonTableClass" cellspacing="0&#
浏览 0提问于2013-01-03得票数 0
我正在wordpress网站上编辑CSS，并且正在为选择器而苦苦挣扎。下面是一些导航。我想适用于以下样式只适用于顶级的<li>，而不是嵌套下拉菜单中的那些。但我应用的所有内容似乎也会影响下拉菜单。
下面是我想要应用的样式：
.dropdown ul li:hover {
background: orange;
opacity: 0.4;
}
但当我这样做时，它也会影响嵌套的下拉菜单li项。我应该使用什么选择器？以下是该网站：
<nav>
<div class="dropdown dropdown-horizontal">
浏览 3提问于2014-08-14得票数 1
1回答
我有以下菜单：
<ul class="top-menu">
<li><a_href="/Products" title="Products"><span>Products</span></a><ul>
<li><a_href="/Products/List" title="Product List"><span>Product List</span></a></li&
浏览 4提问于2010-07-30得票数 0
回答已采纳
我有一个要禁用的链接。问题是在安莉中，它有一个子列表，所以它也禁用了这些链接。HTML基本上看起来像这样：
<div id="main">
<ul class="index"><li class="firstLI"><a href="some other URL"></a></li>
<li class="secondLI"><a href="disableMe">Disable this Link&l
浏览 0提问于2012-04-14得票数 1
回答已采纳
我知道这可能是一个荒谬的问题，但是使用*通用选择器和只使用html有什么不同呢？
例如：
* {
margin: 0;
padding: 0;
}
和
html {
margin: 0;
padding: 0;
}
浏览 6提问于2016-05-31得票数 7
2回答
我已经尝试使用提供的代码，当我在小提琴中输入我自己的变量名/图像时，它工作得很好。
但我随后将CSS代码放入我的子主题style.css中，页面中的超文本标记语言和图像显示一个在另一个之上，而不是我需要的并排显示。我没有使用可能会发生冲突的变量，这会让我自己发疯--是Wordpress中的一些东西阻止了它的工作。
.my-side-by-side {
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 50px;
}
#my-button-centred {
tex
浏览 0提问于2014-05-18得票数 0
我想检查当前的li是否有ul，如果有，将style应用到li。有没有办法在css中做到这一点？
浏览 1提问于2012-01-05得票数 1
1回答
以下是摘要：
我正在根据AJAX调用的结果动态创建表。为了添加行，我使用了"after“函数，因为表中有一些行用作标题。
添加这些行后，我有一个要编辑的数量框。我可以向它添加一个事件，但是我不能获得我的行的ID ($(this).parent('tr').attr('id')不起作用-它返回未定义。
如何获得在解析DOM树之后添加的元素的ID值？
浏览 0提问于2010-08-16得票数 0
回答已采纳
2回答
我有以下结构
<button>
<OtherComponent />
</button>
OtherComponent只是提供了一个具有自己风格的图标的< span />。我想传递一个样式给按钮，以覆盖其他组件的样式，例如。将页边距设置为0。我试过(不起作用)
<button style={{ 'span': { margin: 0 }}}>
<OtherComponent />
</button>
浏览 3提问于2021-08-13得票数 0
5回答
Css链接式礼仪
、、、、
嗨，我想知道是否最好在网页应用程序中设置菜单链接的样式，只使用a标记或li标记，或者两者兼而有之。
示例：
<ul id="mainMenu">
<li><a href="">myLink</a></li>
</ul>
我希望它是彩色的绿色，它是更好的风格绿色的标签或李？考虑到我将主要使用js来与php和其他任何东西交互，不添加a标记而只停留在li标记上触发js函数会不好吗？(主要是ajax和动态内容)。
谢谢
浏览 4提问于2012-11-13得票数 1
回答已采纳
实际上，我在用java和AndroidStudio编写代码方面非常新，我正在尝试更新一个已经存在的应用程序。
我有3 LinearLayout，看起来像3平方，在彼此内部，在最后一个，我有一个TewtView。第一个是主要的，总是可见的。当我将我的最后两个LinearLayout放在visibility=中时，我的LinearLayout就“消失”了，我希望visibility=的textView总是可见的，即使包含它的LinearLayout是不可见的。
有可能吗？
<LinearLayout
style="@style/ColPlayer"
android:la
浏览 4提问于2016-05-25得票数 1
回答已采纳
1回答
如何自动应用父级的样式？
、、、
我有一个包含自定义布局的布局。我想将样式从一个元素传递到另一个元素。我有一个膨胀布局的类，如果需要，我可以发布它。这个设计元素是由2个不同的布局添加的，根据需要有不同的大小。
Child layout
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity=
浏览 4提问于2011-05-30得票数 2
回答已采纳
我可以像这样设置每四个'item‘div的样式
jQuery(".item:nth-child(4n)").addClass("fourth-item");
这很好用，但是我隐藏了一些项目，显示了其他一些项目，并想要重新设置样式，但只对每四个可见的项目设置样式。因此，我有一个函数可以删除这个样式并重新应用它，但我需要在样式的重新应用中指定它是每四个可见项，而不是每四个项。我知道":visible“选择器，但不能正确地将它与第n个子选择器链接，有什么想法吗？
我试过这样的各种方法，但都没有用。
jQuery(".item").r
浏览 1提问于2010-02-01得票数 11
回答已采纳
1回答
我使用这个水平菜单已经有一段时间了，现在我想对它做更多的修改。
如果父菜单有子菜单，我只想在鼠标悬停时突出显示它。如果我应用背景颜色，它适用于目前所有的父菜单。
我不太擅长CSS &觉得这不是正确的方法。如果我没有应用正确的css，请更正我的css。
上的示例链接
更新版本：
我尝试了不同的方法，但我没能把它做好。这个菜单的另一个问题是，当我悬停在父菜单项上时，它会稍微向下移动2px或3px (这只发生在Google中，但在IE9&FF中同样工作得很好)。
我希望在这方面提供帮助。
<div id="nav-wrapper">
浏览 1提问于2013-05-19得票数 1
回答已采纳
2回答
当我点击"Prensa“或"Contacto”时，脚本会将活动的well添加到菜单项中。例如，"Prensa“获得活动的，如果我点击"Contacto"，它就是从"Prensa”中删除它的活动。
问题是，当我点击“艺术作品”时，它得到的是活动类，也是它的子菜单中的所有链接。同样，如果我再次点击"Prensa“，"Artworks”的子菜单保持打开状态，"Artworks“的所有链接仍然是活动的类(也包括"artworks”链接本身)。
另一个问题是，当我点击一个子菜单项时，它只添加了一个"class“，而没
浏览 0提问于2012-10-15得票数 0
回答已采纳
2回答
可以用这种方式定义样式吗？本例中的类子类是红色的，除非它被包装在父类中，我希望在父类中重置它，以便它接受在父类的样式属性中定义的颜色。
.child {
color: red;
}
.parent > .child {
color: _clear_;
}
<div class="parent" style="color:blue;">
<div class="child">Some Text</div>
</div>
浏览 3提问于2014-07-07得票数 8
回答已采纳
我正在试着想出一些CSS来匹配我在iPhone/Android应用程序中的风格。我有交替的行颜色和不透明度，所以我的自定义页面背景渗出。但是，我遇到的问题是，我不希望表单元格中的文本也是不透明的。我希望文本的不透明度为1.0，背景的不透明度为0.12。查看了解它现在的样子。
CSS如下：
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
back
浏览 1提问于2011-11-22得票数 1
回答已采纳
这样做很好：
d3.selectAll('ul li')
.style('background', 'red');
然而，这并没有任何作用：
d3.selectAll('ul li:before')
.style('background', 'red');
d3.selectAll('ul li:before')返回的选择是空的，即使:before元素确实存在，并且具有一些现有的CSS样式。
有可能用d3瞄准伪元素吗？
如果是的话，一个快速跟进的问题:我将如何将所有:befo
浏览 2提问于2015-03-03得票数 7
回答已采纳
2回答
我注意到，在某些情况下，表单元素在IE8中不能变得透明。事实证明，它依赖于position:relative CSS标记。下面的HTML演示了这个问题：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; chars
浏览 0提问于2011-03-25得票数 2
回答已采纳
基于CSS4规范的初始草案。我的问题是，为什么W3C没有在早期的CSS规范中包含这一点？为什么它没有和CSS的其他选择器一起发布呢？
浏览 0提问于2012-12-30得票数 0
回答已采纳
我被twitter bootstrap中的表格卡住了。无论我怎么尝试，我都不能让我的表在跨度内，我认为这与引导CSS有关，我需要我的表行在跨度或英雄单位内对齐。
<div class="table-responsive">
<table id="table"
class="table table-bordered table-condensed table-striped form-group">
<tbody>
<tr>
<
浏览 1提问于2013-10-29得票数 2
请容忍我..。请原谅我(可能)不正确的术语：
在下面的代码中，我不明白为什么要将包含(父) div设置为“position:relative”，以便内部div相对于父div定位(使用“position:absolute”)。我认为为了实现这一点，子div应该设置为“相对”到父div。我是否理解为父div本质上是在对内部的其他div说：“嘿，你们现在都可以被定位为我的‘亲戚’了！”我有点期待它以另一种方式工作。
例如，我认为文本应该定位为与包含的div“相对”。有人能解释一下为什么它在这里是这样工作的吗？谢谢。
<div id="backgroundImage">
浏览 0提问于2013-06-18得票数 1
回答已采纳
2回答
我发现我的绝对元素完全在父元素之外，这很奇怪。我希望它完美地包含在元素的100%范围内，而不是元素之外，但这似乎不是它发生的方式。绝对元素左侧和顶部仅从父元素开始，绝对元素位于文档其余部分的100%上。
HTML
<div id="box" class="home_box">
<div class="box_hover"></div>
<h3>Heading/h3>
<p>Content</p>
</div>
CSS
#box {he
浏览 4提问于2014-08-01得票数 0
当子元素悬停在上面时，我该如何选择父元素？
例如：
<table id="tb1">
<tr>
<td id="td1">make table red</td>
<td id="td2">make table yellow</td>
</tr>
</table>
当td1悬停在上面时，有没有一种方法可以使用id或类标签选择tb1？
浏览 0提问于2011-02-07得票数 3
回答已采纳
3回答
我为列表中的每一项呈现动态CSS。每一项的元素都可能具有唯一的CSS规则，即
<div id="thing1" class="vegas">
<style>
p {
font-size: 14pt; // this stuff is generated dynamically and i have no control over it
color: green;
}
</style>
<p>
I'm thing 1!
</p>
</div&
浏览 1提问于2015-12-15得票数 2
2回答
编辑：
从本质上讲，我的问题似乎是希望把overflow-y:hidden; overflow-x:visisble;**.和结合起来这似乎违反了规范。如果有人知道解决办法，一定要让我知道:)!**
当我尝试使用position: absolute;或position: relative;将一个div稍微定位在它的父div之外时，父div会得到一个滚动条。
我不想要滚动条。但是很明显，当我使用overflow: hidden;的时候，子div在父服务器之外的位置就会被切断。
如何在不出现滚动条的情况下，使父服务器外部的位可见？
编辑：
忘了提了。外部div需要有overflow-y:hidd
浏览 3提问于2017-04-04得票数 0
下面是下面的CSS：
.last-ns li:first-child a::before {
content: "";
position: absolute;
left: 5px;
height: 280px;
border-left: 1px solid #aaa;
}
在本例中，CSS获取了类li中的每个第一个子元素.last-ns。我不想这样。如何告诉CSS忽略类.last-ns中的第一个.last-ns元素以外的所有元素。
我尝试过几种不同的方法来彻底失败。
* {
margin: 0;
padding: 0;
font-famil
浏览 1提问于2015-12-01得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
