Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

CSS sub-selector (6)_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:46:20
Original
1308 people have browsed it

1. Sub-selector

The front and back parts of the sub-selector are separated by a greater than sign. The two parts of the selector are structurally a parent-child relationship.

The child selector is based on the parent element specified by the left selector, and then looks for child elements matching the right selector under the parent element.

2. Simple example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>子选择器</title><link type="text/css" rel="stylesheet" href="css/demo5.css"/></head><body><div>  <p>这是个段落   <a href="#">这是超连接</a>   </p></div></body></html>
Copy after login

@charset "utf-8";/* CSS Document *//*设置div下的p元素的样式*/div>p{    font-size:14px;    color:#0000FF;    }/*设置p元素下的a元素的样式*/p>a{    font-size:16px;    color:#FF0000;    text-decoration:none;}/*错误的写法 div 与a不是父子关系时，是取不到的*/div>a{    font-size:20px;    color:#FF0000;    text-decoration:none;}
Copy after login

The sub-selector is very Rarely used, generally use containing selections that are not affected by the parent-child relationship

The following writing contains the selector 

div a{    font-size:20px;    color:#FFFF00;    text-decoration:none;}
Copy after login

Related labels：
CSS 子选择器(六)
source：php.cn
Previous article：【CSS】Responsive image_html/css_WEB-ITnose Next article：Set the scroll bar style in html_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Use JS to control playback quality Is there any way to control the playback quality of a video using Javascript? More precise...
From 2024-04-04 00:21:55
0
1
384
Javascript event delegate with unknown selector and children I have a dynamic selector (linkTrigger) which is supposed to capture clicks on an element....
From 2024-04-03 23:39:19
0
1
420
How to use CSS selectors to target div elements containing specific attributes or tags? I'm working on a POS system that generates a website. Most of the code is proprietary so I...
From 2024-04-03 22:25:59
0
1
277
How to check width property of CSS class selector? An example is .label{} Here is my comment on the css code, where I chose a width of 270 for the .label: If you in...
From 2024-04-01 17:45:11
0
1
338
Flex spacing broken when trying to overflow HTML <pre><code> tag instead of wrapping I apply CSS to the precode selector in order to make styled code blocks like you would see...
From 2024-04-01 12:22:06
0
1
296
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template