Tag: css

在jQuery中select一个包装元素

我正在jquery和nodejs在一个漂亮的旧网站做一些过滤，我想select由p包裹的b元素。 我的意思只是那些没有文字的p包装。 我想要匹配的 <p><b>Some text</b></p> 我不想匹配的 <p>Some other text and some other elements <a>link</a><b>Some text</b> and some more text of the parent p </p> 你知道我可以select这第一个包裹的元素，而不是第二个？ 有没有select器来select这个？

NOVICE：使用HTML，CSS，AngularJS，NodeJS，MySQL的Web应用程序？

我已经无休止地search了networking，希望find一个明确的答案，但还没有find一个。 我正处于尝试编写Web应用程序的初级阶段，我想确保在使用正确的语言之前，我已经深入了解它。 现在我的计划是这样的： 前端：HTML，CSS，AngularJS 后端：NodeJS，MySQL 这是一个很好的组合？ 我知道每个人都有自己的意见，但这至less会起作用吗？ 我是否需要像yeoman这样的框架和/或expression它的工作？ 任何帮助将非常感激。

Webpack正在改变我的.scss样式表类

我使用npm和react.js的webpack，我有我的style.scss样式表来控制我的风格，等等。我知道它被合并成一个大的.css文件，因为'webpack东西'，但我一直未能正确使用classes / id。 我发现了为什么。 这，在我的style.scss表： /* List items when hovered. */ ul li.hovered{ background-color: #F8F8F8; color: #7B8585; } 变为： /* List items when hovered. */ ul li.style__hovered___j0Fpj { background-color: #F8F8F8; color: #7B8585; } 在组合的style.css文件中。 这解释了为什么如果我尝试手动设置一个类，例如$('#id').toggle("hovered")它不起作用，但$('#id').toggle("style__hovered___j0Fpj") 。 这个奇怪的string持续刷新页面，所以我认为在我的代码中使用它是“安全的”，但是为什么webpack会破坏这样的类名？ 有没有办法阻止它这样做？ 或者这就是它的“本意”？ 这是我的webpackconfiguration： var path = require('path'); var webpack = require('webpack'); var autoprefixer = require('autoprefixer'); var ExtractTextPlugin = […]

如何在nodeJs中对单词进行着色

我试图用nodeJS开发一个基于web的编译器。 我的目标是为每个语法着色。 如下面的C代码： int var; printf("%d",var); 我想在这里着色“int”和printf。 我已经做了以下代码，直到今天，每个字母在打字过程中都变成了红色。 <textarea rows="13" cols="150" id="code" name="code" placeholder="do ypur code here" onfocus="if(this.value==''){ this.value='#include<stdio.h>\n' + 'int main(){\n' + 'return 0;\n' + '}'; this.style.color='green'; }" onkeyup="keyup()" onkeypress="pre()" onkeydown="down()" > function keyup() { document.getElementById('code').style.color='green'; } function pre() { document.getElementById('code').style.color='red'; } function down() { document.getElementById('code').style.color='green'; } 我正在寻找build议，把不同的，颜色的标准I / O，数据types。 先谢谢你。

stream明/药剂 – 文件导入未find或无法读取

我需要在stream明项目中设置sass，从厨房水槽中制作的sass。 这是我第一次设置它，所以我想知道如何设置一个gulpfile.js？ 我已经通过运行npm install来安装node_modules，并且还安装了laravel elixir。 我已经把我的文件夹/文件结构看起来像这样： resources/assets/img /js/app.js /sass/_settings.scss app.scss 我的gulpfile.js看起来像这样： var elixir = require('laravel-elixir'); /* |————————————————————————– | Elixir Asset Management |————————————————————————– | | Elixir provides a clean, fluent API for defining some basic Gulp tasks | for your Laravel application. By default, we are compiling the Sass | file for our application, as well […]

Node.js中的jQuery方法

刚开始在node.js中编码。 我做了几页（login，注册，博客等）。 如果我想要一个效果：1.我将鼠标hover在“新闻”button上，一个滑块出现， 修改ejs标签中的图像（例如<％blog.image％>）（我不认为我可以在这里使用css）。 如果用户点击一个button（或任何其他事件）做某事。 现在在我的项目中，如果用户点击“login”，它会把他带到“/login”页面。 我GOOGLE“popuplogin窗体”，大多数教程是为jQuery。 在使用jQuery的时候，它给出了一个错误：“jQuery需要一个窗口”，所以我使用了jsdom，但转向了cheerio（许多用户推荐它）。 我浏览了文档，但找不到“点击”事件方法。 我怎样才能完成上述任务？ 注意 ：我没有要求上述任务的具体代码。 我在jQuery前端完成了这些。 我只想知道如何在node.js中开始使用jQuery。

防止页面加载电子时出现白色闪烁

每次窗口开始加载新的html或向服务器发出请求时，窗口将变白，直到页面加载完成或服务器响应请求。 这看起来不太好，可能会很刺耳。 我怎样才能阻止呢？ 代码，如果你想看到它 app.js const {app, BrowserWindow} = require('electron'); const path = require('path'); const url = require('url'); let win; function createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}); win.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })); win.on('closed', () => { win = null; }) } app.on('ready', […]

如何使用下载的纱线依赖关系

这可能是一个非常愚蠢的问题，但如果你能帮助我的话，那将是非常棒的。 这是问题：我已经添加了一个包到我的项目。 它包含一些我想在我的HTML文件中使用的CSS文件等。 我已经使用yarn add <package>添加了它。 这些文件位于/node_modules/semantic-ui-css/semantic.min.css 。 我必须引用完整的node_modulepath来加载我的HTML文件中的CSS文件？ 这听起来不对。 在我使用包pipe理器之前，我只是下载了一些css文件，将它们放到/vendor/css/并使用它们。 或者现在正常使用<link rel="stylesheet" type="text/css" href="node_modules/semantic-ui-css/semantic.min.css"> ？

无法从另一个文件夹访问我的.scss软件包文件

我想检索我的.scss文件，其中包含所有其他.scss文件（所有其他.scss文件都导入到styles.scss文件中）。 我把path放到我的angular度cli文件中，文件仍然不可访问（我的html元素没有应用样式） Angular CLI ：从我在npm start上运行的文件夹（项目）（从我想访问的文件夹中添加“../webstyles/src/styles.scss”path） "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico", "app/cms/demo.json" ], "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "cb", "styles": [ "../webstyles/src/styles.scss" ], 我得到的错误是：找不到模块：错误：无法解决该项目中的path…。 对不起，我不能发布文件夹树，但我多次检查，不要以为我在这里犯了一个错误 我有什么select？

正则expression式从CSSselect器string中提取HTML5类

我正在从磁盘读取CSS文件作为string。 我的目标是提取与以下特定数据属性配对的HTML类： .foo[data-my-attr] 数据属性是独一无二的，所以我不必担心遍历CSS AST。 我可以简单地使用这样的正则expression式： (\.\S+)+\[data-my-attr\] 这已经可以工作了，但是\S+在select器中匹配一个HTML类是一个不错的方法。 它将包括各种组合器，伪类，假select器等。 我尝试构build正则expression式的白名单版本，例如(\w|-)+ ，但类名称的HTML5规范是非常宽容的。 不可避免的是，我错过了某些字符或者包含不正确的字符。 什么正则expression式可以用来从CSSselect器string中提取HTML5类 ？ 我正在使用Node，即正则expression式的JavaScript风格。 UPD1 一些例子： .foo[data-my-attr] – 应该匹配.foo .foo>span[data-my-attr] – 不应该匹配 .I_f%⌘ing_♥_HTML5[data-my-attr] – 应该匹配.I_f%⌘ing_♥_HTML5 这个问题存在，因为我无法想到每个可能的有效的HTML5类。 我需要一个基于令人惊讶的模糊的HTML5类规范的正则expression式： 3.2.5.7类属性 该属性（如果指定）必须具有一个值，该值是一组空格分隔的标记，表示该元素所属的各个类。 HTML元素分配给它的类包含所有在class属性的值在空间上分割时返回的类。 （重复被忽略。） 对于作者可以在类属性中使用的标记没有额外的限制，但鼓励作者使用描述内容本质的值，而不是描述所需内容表示的值。 显然，一个类不应该包含空格和字符，如+>:()[]=~因为它们是CSSselect器语法的一部分。