https://www.bemcss.com/ BEM解决的问题 组件内部元素的名字加上组件名,并用元素的名字做为选择器,这样可以保证组件内的原始不会与组件外的样式冲突了 模块名 + 元素名 + 修饰器名: block-name__element-name--modifier-name 比如一个组件路径为 /app/components/page-btn/ 组
知识点1：默认后代选择器（儿子孙子）>子代选择器（儿子）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .c1 .c2{ color: red; } .c1 p{
jQuery的使用方式：下载后引入。 jQuery选择器： 一、基本选择器 1.所有选择器 *2.标签选择器 标签名3.ID选择器 #id4.类选择器 .className5.群组选择器 .one,.two 多个选择器使用都好分隔，取并集6.复合选择器 .one.two 多个选择器组合使用，取交集 二、层次选择器 1.后代选
<!-- 选择器： #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样式和技巧 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; } 子代选择器 使
后代选择器集中形式： 1.父代 * {}从 父代 中的找到 所有子代。 2.父代 子代1{} 是从 父代 中找到 子代1 或者 父代 子代2{} 是从 父代 中找到 子代2 。 3.父代 子代1 子代2{} 这个是从 父代 中找到子代1，再从 子代1 找到 子代2. 第一种形式：虽然是全部选中但是*
