我有一个关于jquery .css函数的问题。我使用它来获取高度设置为auto的元素的实际高度。我使用的代码是：
$(this).css({ height: $(this).css("height"), width: $(this).css("width") });
问题是，.css函数有时返回"0px"，有时返回"auto"，有时返回实际高度(这是所需的行为)。有人能告诉我我哪里做错了吗？
浏览 1提问于2013-01-10得票数 1
1回答
我还在学习第一子类和第一类型伪类之间的区别。
我从另一个网站复制了一些HTML/CSS代码，并将其添加到：。
问题:当我从CSS文件中删除以下代码时：
#blog article:first-of-type {
background: green;
}
为什么嵌套在<article>标记中的文本不变成红色？
不是..。
#blog article:first-child {
color: red;
}
如果前面的“第一类型”已从代码中删除，则...supposed要将文本颜色改为红色？
浏览 3提问于2015-12-30得票数 0
回答已采纳
我有以下代码来捕获浏览器调整大小事件。
window.onresize = function(){
var style = $('#button-selection').position();
if(style == "relative"){
$("#button-section").css("position"," ");
}else if(style == "fixed"){
$("#button-section").css("position"
浏览 6提问于2013-04-11得票数 3
2回答
<input id="aaa1" value="vvv">
<input id="aaa2" value="">
<input id="aaa3" value="ooo">
<input id="aaa4" value="">
<input id="aaa5" value="ooo">
<input id="aaa6" value="ooo"
浏览 3提问于2011-11-03得票数 0
回答已采纳
我是个新手，试图设计相关的CSS选择器和JSPath来运行我的自动化脚本。
在途中，我可以发现返回语句在这两者之间是不同的。请检查下面的例子。有人能告诉我需要在JSPath中做什么更改以保持结果与相对CSS选择器相同吗？
相对CSS选择器的结果.
相对的JSPath.结果
JS只返回第一个元素，而css选择器在上面返回多个元素。为了保持结果不变，我需要在JS中做哪些更改。
浏览 4提问于2021-12-02得票数 1
回答已采纳
我有一个简单的函数:取决于按钮是否被单击，如果在attr中发生这种情况，我会存储。
其行为是:首先单击任何项目列表，然后单击"Item1“或"Item2”。如果已单击任何项目列表，则背景必须更改为红色。否则必须换成粉红色。
它似乎有效，但当我尝试测试它时，只有当单击的项目列表是第一个时才有效。
也尝试了data()，就像在上看到的那样，但是也尝试了。
我已经实现了我想要的‘有等级’，但我不知道我的功能有什么问题。为什么这只适用于data或attr的第一个元素？
$("footer ul li").on("click", function()
浏览 3提问于2015-08-20得票数 0
回答已采纳
2回答
当我单击在文本上盘旋时出现的图像时，该元素将被移动到另一个UL。我需要相同的图像选项，这是在第一个列表中删除它。我不知道如何动态添加它。有人能帮忙吗？提前谢谢。
图像链接是：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example</title>
<link rel="stylesheet" href="
浏览 9提问于2014-07-23得票数 1
回答已采纳
我的Wordpress视图中的一个片段：
<div id="menu">
<ul id="menu-main-navigation">
<li id="menu-item-646" class="current-menu-item"><a href="#" class="">MAIN MENU ITEM<span class="downarrowclass"></span></a>
浏览 1提问于2014-04-07得票数 0
在WordPress中，它使用li声明菜单项，两个CSS声明#navigator > li和#navigator li的区别是什么？
浏览 1提问于2014-09-25得票数 0
回答已采纳
我不理解这段代码的控制台输出，特别是因为CSS代码的目标是正确的元素，而不是querySelector函数。
let firstChild = document.querySelector('BODY > :first-child');
console.log(firstChild.querySelector(':first-child > :first-child'));
console.log(firstChild.querySelector(':first-child'));
BODY > :first-child &
浏览 0提问于2018-12-04得票数 3
回答已采纳
我想改变只有文本的div类的样式。在本例中，我希望使用带有CSS子属性的父类=“结果”修改文本"Afrikaans: Books by Language“。
<div class = "results">
...
...
<div>
Afrikaans : Books by Language
</div>
...
...
</div>
浏览 2提问于2020-03-14得票数 0
回答已采纳
1回答
我正在学习CSS，只是想知道在编写CSS时哪种方式最好：
div.divname或.divname
ul#menu或#menu ul
等等等等
浏览 0提问于2011-10-16得票数 0
回答已采纳
2回答
根据元素的高度添加类
、、、
我试图根据(.CWproductPreviewDescription p)元素的高度隐藏一个span标记。这是用于截断文本类型函数的。我找到了几个类似的问题和答案，但在我的情况下没有什么能奏效的。出于某种原因，我总是得到第一个匹配的选择器的高度，但我认为使用jQuery选择器会自动遍历所有元素。这是我的代码
简单的CSS，以切断文本的长度和显示点击。工作很好
CSS
.CWproduct .CWproductPreviewDescription p {
max-height: 65.4px;
overflow: hidden;
margin: 0 6px;
}
浏览 3提问于2014-01-14得票数 1
回答已采纳
1回答
我在第一个孩子选择器上遇到麻烦了。我似乎不能让它起作用。我的代码的ideea是对两个元素进行简单的转换，为此，我需要使用:first-child。在我的代码中有2种或更多的情况不起作用。下面是它们：
第一种情况：
CSS:
.container_principal .continut.rand{
display:none;
sbackface-visibility: hidden;
transition: 0.6s;
transform-style: preserve-3d;
}
.container_principal .continut.rand:firs
浏览 3提问于2013-08-15得票数 2
回答已采纳
6回答
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<title>How to Write a Good Report</title>
<style type="text/css">
div.weather strong:first-child {color:red;}
</style>
</head>
<body>
<div class="weather"&g
浏览 5提问于2009-07-11得票数 2
回答已采纳
2回答
我对第一个孩子的选择有问题。在代码中，我有两个div (这个类)，img (每个)和p(每个)。当我键入CSS . div -class:一子{class:10}时，将在p中添加一个边距，并且只在第一个div中添加。
第一个问题:为什么保证金没有添加到img ( div中的第一个元素)第二个问题:为什么边距只添加第一个div(第二个有相同的类名)
<section class="section-offer">
<div class="section-offer-single">
<img src="
浏览 0提问于2019-08-10得票数 1
回答已采纳
当我使用.height()方法获取元素的高度时，它会返回100，通常不管它的实际高度如何。
CSS代码
.album_content .album_right .album_thum span { height: 100%; }
Jquery代码
function center_img(){
var span_ele = $('.album_content .album_right .album_thum span');
var img_ele = span_ele.find('img');
alert(span_ele.height()
浏览 0提问于2014-03-11得票数 0
CSS从右到左读取，但是伪类是在它们附加到的选择器之前还是之后读取呢？
例如，在：
p:first-child {}
浏览器是否匹配每个p元素，然后确定它是否是第一个子元素，还是每个元素的每个第一个子元素都匹配，以及它是否是p元素？
我设想浏览器与元素匹配，然后确定它是:第一个子元素、：第n子元素等等，但是我想确定.
浏览 2提问于2014-10-10得票数 2
回答已采纳
1回答
我有一个，在其中我呈现一个包含一些数据的列表，一个在另一个下面。我希望每个替代的data条目都有不同的背景色，所以我决定使用CSS中的nth-child选择器。
用于呈现数据列表的JSX代码
<div className={styles.tableBody}>
{tableRowsData.filter(filterMatch).map((row, rowIdx) => (
<div
key={rowIdx}
className={styles.tableRow}
>
<div className={s
浏览 3提问于2021-11-23得票数 0
回答已采纳
1回答
Im试图找到一种使用CSS在表中特定单元格上定位的方法，以验证该行是否存在并验证该行的单元格内容。
我能够使用Selenium创建一个查询，如
css=td:contains('BAD')
“BAD”是唯一的客户端代码，因此在此位置上可以验证客户端的行是否存在。
但是，当我将它导出到C#/nunit/Webdriver时，测试无法工作。
有其他方法可以使用CSS吗？
一些表tata的html如下；
<tr class="ng-scope" ng-repeat="client in clients">
<td class
浏览 2提问于2014-08-21得票数 0
回答已采纳
考虑下面的代码：
if ( $('.sidebar-primary, .sidebar-secondary').css('float') === 'left' ) {
它给了我一个真的，即使.sidebar-secondary在超文本标记语言中根本不存在。为什么会这样?即使.sidebar- not有时并不存在，我又如何让它工作呢？
浏览 3提问于2013-04-13得票数 2
回答已采纳
我正在尝试选择最近的show_data div toggle_container div...但是，没有选择任何内容。
html：
<div class="section_header">
HEADER
<div class="toggle_container">
Hide
</div>
</div>
<div class="show_data">
HEADER <span id="show_viewed_link"&
浏览 0提问于2013-05-13得票数 0
回答已采纳
我有以下HTML：
<div unique="custom name">
<span class="outer">
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>
</span>
</div>
如何通过Javascript更改ol的CSS，而只知道div的unique属性的名称以及其中包含ol这一事实？这有可能吗？我知道这将是在文档级别访问它的CSS代码：
d
浏览 2提问于2016-12-03得票数 0
回答已采纳
我正在尝试学习jquery，我有一个问题-
页面上的div元素看起来像-
<div id ="1">
<p id="first"> one
<p id="second"> one.one
<p id="third"> one.one.one </p>
</p>
</p>
</div>
下面的两个选择器都给了我相同的结果-
$('div p')
浏览 0提问于2013-04-16得票数 2
回答已采纳
1回答
我正在使用下面的代码从网页中抓取特定的图像。这个页面上有多个带有image标记的图像，那么这段代码是如何解释的呢？我注意到它只保存带有image标签的第一张图片。一般来说，这是真的吗？
这段代码从上到下开始读取css，一旦找到带有image标签的第一个图像，就会保存它并停止进一步查找，这一推理是否正确？因为我需要它来做到这一点。
PAGE = "http://example.com/page.html"
require 'nokogiri'
require 'open-uri'
html = Nokogiri.HTML(open(PAGE))
s
浏览 10提问于2016-11-04得票数 2
.col-md-auto:first-child:nth-last-child(3),
.col-md-auto:first-child:nth-last-child(3) ~ .col-md-auto {
width: 33.3333%;
}
我在一个网站的源代码上看到了这个css，我很难猜它到底做了什么。我是个新手，所以我发现处理这个复杂的css是很复杂的。我在w3的学校里找出了这些符号的含义，但是我仍然不知道doing.Any建议是什么意思，这将是很大的帮助。
浏览 4提问于2017-03-24得票数 1
回答已采纳
1回答
我在使用CSS nth-child选择器时遇到了一些奇怪的问题。
我有以下HTML:
<div class="block feature-callout-c" id="overview">
<div class="row">
<div class="span twelve">
<span class="intro">ABCD</span>
</div>
</div&g
浏览 2提问于2013-10-24得票数 1
回答已采纳
我不是CSS方面的专家，所以下面的内容让我感到困惑。我对CSS优先级的基本理解是，声明越具体，它的优先级就越高。
因此，我认为这两个链接应该具有相同的颜色，因为在这两种情况下，最内部的元素都有类.inner。但是在我用firefox和chrome(基于)进行的测试中，在第一个链接上应用了a的.container下降规则。
.container a{
color: green;
}
.inner {
color: red;
}
<div class="container">
<a href="google.com" class
浏览 0提问于2016-06-16得票数 2
回答已采纳
请你看看，让我知道为什么我不能改变每个表的背景色相关的上部按钮？
$(function () {
$('button[type="submit"]').click(function () {
$(this).closest('table').css("background-color", "yellow");
// $(this).closest('.panel-body').find('.table').css("background-
浏览 2提问于2015-03-07得票数 1
回答已采纳
假设我有一种聚合物元素：
<polymer-element name="milo-item" attributes="item" noscript> <template>
<style>
host:first-child {
color: red;
}
host(:first-child) {
color: red;
}
host(:first-child) paper-item::shadow .button-conten
浏览 5提问于2015-02-06得票数 3
我有这个功能，这是应该创建一个棋盘。
function createBoard() {
let strHTML = "";
let alphabets = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
for (var row = 0; row < 8; row++) {
strHTML += "<div>";
for (
浏览 0提问于2017-08-02得票数 0
1回答
详细信息
我在FirefoxDeveloperEdition工作，并经历了意想不到的选择器优先排序。我已经阅读了，并且，据我所知，我已经构建了它们应该具备的CSS选择器，以便为每个选择器达到预期的特定级别。然而，错误的声明正在被取消。
这有什么问题吗？难道我不完全被选择者的特殊性的工作方式所包围吗？这是个虫子吗？或者别的什么？
工程守则(简化)
/index.html
<head>
<link href="css/style.css">
</head>
<body>
<section class="hud&#
浏览 3提问于2015-01-06得票数 3
回答已采纳
我的DOM树中有一堆.tileItem元素。我想给1,3,5,7，.加一个边距-右边。
问题是，当我选择这样的元素时，它不起作用：
$(".tileItem:odd").css("margin-right","2%");
这两种方法都不起作用：
$(".tileItem").find(":odd").css("margin-right","2%");
我很好奇，于是尝试了以下几点：
$(".tileItem:first-child").css("margin-
浏览 5提问于2013-08-06得票数 0
回答已采纳
1回答
extends ../header2.pug
block unique-css
include ../../public/css/mentor/mentiler.css
block unique-content
.main
each menti, index in mentiler
.menti= menti
script
include ../../public/js/mentor/mentiler.js
这是我的pug代码，我希望访问单击的.menti类元素。
each menti, index in
浏览 0提问于2020-07-13得票数 1
回答已采纳
我有一组部分，每个部分都有上一个和下一个导航按钮来导航到共同响应的部分。
<section id="sec1">
<img src="css/images/prev-btn.png" class="prev" />
<img src="css/images/next-btn.png" class="next" />
</section>
<div class="seperator"></div>
<section id=&
浏览 0提问于2011-12-11得票数 0
回答已采纳
我有一篇包含画廊的文章，但我不希望文章的h2标签的样式会影响画廊中的H2。我尝试过使用:not()伪类，但是我似乎不能用它来解决这个问题。
我想知道在不覆盖h2样式的情况下是否有可能。(在本例中，它是h2，但实际上它涉及很多标记和大量css)。
示例
HTML：
<h2>This is a default h2</h2>
<div class="article">
<h2>This should use article h2 styling</h2>
<p>Paragraph 1</p>
浏览 5提问于2016-02-03得票数 1
我有下面的代码片段来滚动我的表单到第一个错误：
$('html,body').stop().delay(500).animate({scrollTop: $errors.filter(":first").offset().top -30},'slow');
jquery验证代码末尾的完整块如下所示。如果提交时出现错误，则将表单滚动到第一个错误。。
var $errors = $(".mcError");
if($errors.size() > 0){
if(settings.mcScrollToError){
浏览 1提问于2012-02-08得票数 1
回答已采纳
我想知道css中(~)是什么意思。
#img1:hover ~ #img2 {
opacity: 0;
}
在visual studio中，当我使用这个符号时，我得到了‘意外的字符序列’错误。这在CSS中的实际意义是什么。是干什么的呢？
浏览 0提问于2013-03-18得票数 51
回答已采纳
我有个建议：
Javascript：
function classToggle() {
this.classList.toggle('on');
this.classList.toggle('off');
}
document.querySelector('.onoff').addEventListener('click', classToggle);
HTML：
<img class="on onoff" src='http://s29.postimg.org/xc5u3fufn/
浏览 2提问于2014-01-25得票数 0
回答已采纳
2回答
哪个类选择器规则对10个标记有较高的特异性？
.A.E.F .C .D
或
.A .B .C span
HTML：
<div class="A E F">
<div class="B">
<div class="C">
<div class="D">
<span>17590</span>
<span>Points</span>
浏览 1提问于2013-01-30得票数 0
回答已采纳
2回答
我尝试使用jQuery和jQuery UI来拖动水平放置在<div>中的<ul>元素。
我希望获得位于<li>元素中的按钮的坐标，以便在#the_parent中居中，但每次调整浏览器窗口大小时，我获得的位置都会发生变化，如何才能获得相对于#the_parent的位置
<script type:"text/javascript">
$(document).ready (function () {
$(".button").click (function () {
var
浏览 1提问于2010-11-25得票数 2
回答已采纳
3回答
我是css的初学者，我试着在电子书和谷歌上找到答案，但是我找不到答案。所以请容忍我:D
我想创建一个响应性的web，所以这是我的meta标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
这是我的代码的一部分，它包含一个宽度很大的图像：
<div id="desc">
<img alt="
浏览 1提问于2013-06-21得票数 0
回答已采纳
如何在CSS 1.0 (IE 6.0)中实现这一点：
.ClassA > .ClassB
{
...
}
在ClassA中获得第一个ClassB？
浏览 0提问于2011-08-12得票数 1
回答已采纳
$("#grid").on("click", $("#grid > .items > img"), function () {
alert($(this).css("src"));
});
网格是父级。我需要获得单击项的img的src。
浏览 0提问于2020-04-10得票数 2
回答已采纳
1回答
该函数应该是这样的:如果核心模块提供的变量的整数值大于0，则应显示图像，否则应保持隐藏状态。
Coremodule的构造是这样的:如果我在我的*.js文件中写：data.truck.retarderBrake (它是一个整数)。然后，coremodule将返回当前的integervalue。
所以我的“伪代码”看起来像这样：
if (data.truck.retarderBrake>0) {
show.image ('images/RetarderON.png');
} else {
hide.image ('images/Retarder
浏览 1提问于2017-08-07得票数 1
2回答
我有很多css类--如何工作--
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div class="B3">sgddsg</div>
<div class="B5">dsgdsg</div>
<script>
var nam = do
浏览 1提问于2016-11-11得票数 2
回答已采纳
2回答
我有个问题。我有一个HTML页面，它在同一个脚本标记中有一个javascript代码和一个jQuery代码。
下面是带有javascript和jQuery的html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name
浏览 1提问于2015-04-22得票数 0
回答已采纳
我有一个查询，它提取产品类别并在div中列出它们。现在，我想向前3条记录提取的css类添加一个页边距底部。
css
.icons-box {padding: 20px 10px 10px 10px;}
php：
$cat_list = "SELECT *
FROM tbl_category
WHERE cat_parent_id >0 ORDER BY cat_id ASC";
$result_list = dbQuery($cat_list);
浏览 1提问于2014-04-08得票数 0
我是新的淘汰赛和css，需要一些关于以下的帮助。
当活动类应用于另一个' li‘项时(即单击li项时)，我如何显示插入符号。
下面给出了实现的代码。
<li class="" data-bind="css: { 'active': $index() == 0 }, visible: { true: $index() == 0 }">
<a data-toggle="tab" data-bind="attr: { href: '#' + CatID }">
<sp
浏览 0提问于2017-01-31得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
