CSS上下文选择符实现基于位置为HTML元素添加样式
网站建设 2023-01-28 20:49www.1681989.com免费网站
CSS的选择符有三种。①上下文选择符；②ID和Class选择符;③属性选择符，而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式
比如我们想位于article和aside标签中的p标签，设置不同的样式
上下文选择符也叫后代组合式选择符，是以空格分隔标签名的，其格式为
标签1 标签2 ｛声明｝
这里的标签就是HTML元素，标签2是我们想要选择的目标，而且只有在标签1是标签2的祖先元素时才能选中标签2.只要是祖先元素即可，不一定非要是父元素
我们以下列HTML代码为例，进行演示
复制代码
代码如下:<!DOCTYPE html> 2: <html>
<head>
<title>HTML 5 Template</title>
<meta charset="utf-8">
<lk href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<article>
<h1>上下文选择符</h1>
<p>这是位于article元素中的p元素</p>
</article>
<aside>
<p>这是位于aside中的p元素</p>
</aside>
</body>
</html>
在没有应该CSS样式的情况，查看运行效果
上一篇：浅析常用的浏览器私有属性
下一篇：CSS工作原理及CSS规则命名介绍
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销