首页 > TAG信息列表 > 子代

CSS命名规范-BEM

https://www.bemcss.com/ BEM解决的问题 组件内部元素的名字加上组件名,并用元素的名字做为选择器,这样可以保证组件内的原始不会与组件外的样式冲突了 模块名 + 元素名 + 修饰器名: block-name__element-name--modifier-name 比如一个组件路径为 /app/components/page-btn/ 组

CSS后代选择器和子代选择器

知识点1:默认后代选择器(儿子孙子)>子代选择器(儿子)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .c1 .c2{ color: red; } .c1 p{

jQuery

jQuery的使用方式:下载后引入。 jQuery选择器: 一、基本选择器 1.所有选择器 *2.标签选择器 标签名3.ID选择器 #id4.类选择器 .className5.群组选择器 .one,.two 多个选择器使用都好分隔,取并集6.复合选择器 .one.two 多个选择器组合使用,取交集 二、层次选择器 1.后代选

关于css选择器的一点点记录

<!-- 选择器:         #id、.class、标签、>子代、 后代、+紧跟一个、~紧跟所有、:(效果)伪类 -->         <!-- 效果选择器常用属性:         a:link  :表示未被访问的超链接         a:visited 表示已经访问过的超链接         a:

子代选择器与后代选择器的区别

使用后代选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后代与子代选择器的区别</title> <!--<link rel="stylesheet" type="text/css" href="*.css&quo

css总结

平时比较常用的css样式和技巧 1. 商品价格文本中的一条线,例: div { text-decoration: line-through; } 2. 文本超出溢出显示省略号,例: 单行本文 div { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 不定行文本 --- 注意兼容性 div { display: -w

高级选择器

03-高级选择器   高级选择器分为: 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 使用空格表示后代选择器。顾名思义,父元素的后代(包括儿子,孙子,重孙子) .container p{ color: red; } .container .item p{ color: yellow; } 子代选择器 使

后代选择器(CSS选择器)

后代选择器集中形式: 1.父代 * {}从 父代 中的找到 所有子代。 2.父代  子代1{} 是从 父代 中找到 子代1  或者  父代  子代2{} 是从 父代 中找到 子代2  。 3.父代   子代1  子代2{} 这个是从 父代 中找到子代1,再从 子代1 找到 子代2.   第一种形式:虽然是全部选中但是*