CSS学习2——选择器 常用选择器 类型选择器 类型选择器又称为元素选择器或简单选择器。如: p {color: black;} h1 {font-weight: bold;} 后代选择器 后代选择器可用来寻找特定元素或元素组的后代。后代选择器由其他两个选择器之间的空格表示。如: blackquot ...
分类:
Web程序 时间:
2020-03-12 20:30:50
阅读次数:
80
1、元素选择器:$("标签名")例:$("p") 选择p元素 2、属性选择器:$([属性=值])例:$("[href=‘abc’]") 选取所有带有 href=‘abc’属性的元素 3、元素属性选择器:$("标签名[属性 符号 值][属性 符号 值]...")例:$("input[name='tes ...
分类:
Web程序 时间:
2020-03-12 20:30:03
阅读次数:
73
常用选择器 元素选择器 语法:标签名{} 例子:p{} id选择器 语法: id属性值{} 例子: xxx{} 类选择器 语法:.class属性值{} 例子:.xxx{} 通配选择器 语法: 例子: {} 复合选择器 交集选择器 作用:同时满足多个条件 语法:选择器1选择器2选择器3……选择器n{} ...
分类:
Web程序 时间:
2020-03-10 12:04:48
阅读次数:
70
元素之间的关系 父元素:直接包含子元素的元素 子元素:直接被父元素包含的元素 祖先元素:直接或间接包含后代元素的元素,父元素也是祖先元素 后代元素:直接或间接被祖先元素包含的元素,子元素也是后代元素 兄弟元素:拥有相同父元素的元素叫做兄弟元素 后代选择器 作用:选中指定元素的指定后代元素 语法:祖先 ...
分类:
Web程序 时间:
2020-03-08 17:31:25
阅读次数:
316
<!-- ##简单选择器 1.ID选择器 2.元素选择器 3.类选择器 4.通配符选择器*{} 5.属性选择器 [元素名="#"]{} 6.伪类选择器 :hover 或者a:hover 鼠标悬停时的状态 # active{} a:active{} 鼠标按下的元素有效果(通常用在a元素中)## lin ...
分类:
其他好文 时间:
2020-03-08 13:40:43
阅读次数:
62
HTML5简介 万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为;广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势; 新增语义化标签 注意: 1. ...
分类:
其他好文 时间:
2020-03-06 23:57:38
阅读次数:
108
CSS选择器 CSS提供了众多的选择器,用于选择想要获取的元素 标签选择器 类选择器 属性选择器 标签选择器 div,p 和 div和p div p div内部的所有p元素 div p div的子元素为p div+p 紧接在div之后的所有p元素 属性选择器 [target] 包含target属性的 ...
分类:
Web程序 时间:
2020-03-06 15:30:44
阅读次数:
67
$("#id", ".class") 复合选择器 $(div p span) 层级选择器 //div下的p元素中的span元素 $(div>p) 父子选择器 //div下的所有p元素 $(div+p) 相邻元素选择器 //div后面的p元素(仅一个p) $(div~p) 兄弟选择器 //div后面的 ...
分类:
Web程序 时间:
2020-03-05 22:10:39
阅读次数:
94
伪元素(对象)选择器:(这几个伪元素选择器前面的冒号可写一组,也可以写两组;) 1)、::after : 与content属性一起使用,定义在对象后的内容。(必须具有属性content:“”;) 语法:选择符: :after{content:”文字”;} 选择符: :after{content:ur ...
分类:
其他好文 时间:
2020-03-02 00:56:20
阅读次数:
58
废话不多说,直接上代码!!! /*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ conte ...
分类:
其他好文 时间:
2020-02-29 12:54:42
阅读次数:
63