Skip to content

Commit

Permalink
[selectors-4] Add :popover-open pseudo-class. w3c/csswg-drafts@445096b
Browse files Browse the repository at this point in the history
+ Fix unrendered comment in :empty example
w3c/csswg-drafts@d332721
  • Loading branch information
triple-underscore committed Dec 20, 2024
1 parent 11f15bf commit 343d8fe
Showing 1 changed file with 92 additions and 26 deletions.
118 changes: 92 additions & 26 deletions selectors4-ja.html
Original file line number Diff line number Diff line change
Expand Up @@ -190,8 +190,8 @@
●●options

spec_title:Selectors Level 4
spec_date:2024-12-05
trans_update:2024-12-07
spec_date:2024-12-19
trans_update:2024-12-20
source_checked:220602
page_state_key:CSS
original_url:https://drafts.csswg.org/selectors-4/
Expand Down Expand Up @@ -470,6 +470,8 @@
hover:
隠す:hideする:~
隠され:hideされ:~
隠して:hideして:~
示して:showして:~
外形線:outline::~
choices/
環:ring::~
Expand Down Expand Up @@ -512,14 +514,16 @@
~~認識:say
●UI 部品/機器
check::::チェック
checkされていない:unchecked
checkされた状態/状態:checked
pointing::::ポインタ指示
接触判定:hit-testing:~
labelが付与された:labelled
popup::::ポップアップ
popover:
~popoverを示している:popover-showing
~popoverを隠している:popover-hidden
進捗計:progress meter::~::プログレスメータ
radio::::ラジオ
checkbox::::チェックボックス
Expand Down Expand Up @@ -758,7 +762,8 @@
本当に:really
“真の”:true
外した(~~元に戻した):revert
例えば:exemplified
例えば:exemplified by
例として〜挙げられる:exemplified by the presence of
-:specifics
無効~化:invalidate
無効~化:invaliding
Expand Down Expand Up @@ -1160,6 +1165,7 @@
ps.past:#past-pseudo
ps.picture-in-picture:#selectordef-picture-in-picture
ps.placeholder-shown:#placeholder-shown-pseudo
ps.popover-open:#selectordef-popover-open
ps.read-only:#read-only-pseudo
ps.read-write:#read-write-pseudo
ps.required:#required-pseudo
Expand Down Expand Up @@ -1335,6 +1341,7 @@
e.math:https://w3c.github.io/mathml-core/#dfn-math
a.href:~HTMLlinks#attr-hyperlink-href
a.popover:~HTMLpopover#attr-popover
a.value
a.contenteditable
Expand Down Expand Up @@ -1394,6 +1401,7 @@
部分照合 属性~選択子§:#attribute-substrings
全称~選択子:#universal-selector
全称~選択子§:#the-universal-selector
定義-済み 疑似類§:#the-defined-pseudo
~ID選択子§:#id-selectors
~class選択子§:#class-html
~class選択子:#class-selector
Expand Down Expand Up @@ -1443,8 +1451,6 @@
詳細度~調整 疑似類§:#something
関係上の 疑似類§:#relational

定義-済み 疑似類§:#the-defined-pseudo

自然言語に関する疑似類§:#linguistic-pseudos
方向性 疑似類§:#the-dir-pseudo
自然言語 疑似類§:#the-lang-pseudo
Expand Down Expand Up @@ -1475,6 +1481,7 @@

要素~表示~状態 疑似類§:#display-state-pseudos
開閉~状態 疑似類§:#open-state
~popover状態 疑似類§:#popover-open-state
~modal状態 疑似類§:#modal-state
~fullscreen呈示~状態 疑似類§:#fullscreen-state
~picture-in-picture呈示~状態 疑似類§:#pip-state
Expand Down Expand Up @@ -1606,6 +1613,7 @@
一致-:~INFRA#string-is

~focus可能な区画:~HTMLinteraction#focusable-area
~popover可視性~状態:~HTMLpopover#popover-visibility-state

~media~data:~HEmedia#media-data
~media要素の停滞-制限時間:~HEmedia#stall-timeout
Expand Down Expand Up @@ -1978,6 +1986,7 @@ <h2 title="Selectors Overview">2. 選択子の概観</h2>
type-selectors
type-nmsp
universal-selector
defined
-->
<tr><td>`*^css
<td>
Expand All @@ -1995,9 +2004,14 @@ <h2 title="Selectors Overview">2. 選択子の概観</h2>
<td>`型(~tag名)選択子§
<td>1

<tr><td>`%E:defined^css ※
<td>
“定義-済み” である %E 要素
<td>`定義-済み 疑似類§
<td>4

<tbody><tr class="header1"><th colspan="4" scope="rowgroup">
`論理的な組合n§

<!--
logical-combination
grouping
Expand Down Expand Up @@ -2370,18 +2384,23 @@ <h2 title="Selectors Overview">2. 選択子の概観</h2>
<tbody><tr class="header1"><th colspan="4" scope="rowgroup">
`要素~表示~状態 疑似類§

<tr><td>`%E:open^css ※ /
`%E:closed^css ※
<tr><td>`%E:open^css ※
<td>
“開な”, “閉な”
]両~状態をとり得る要素のうち,現在は[
“開な” / “閉な”
]状態にある %E 要素。

]両~状態をとり得る要素のうち,現在は “開な” 状態にある %E 要素。
<td>`開閉~状態 疑似類§
<td>4

<tr><td>`%E:popover^css ※
<td>
“~popoverを示している”, “~popoverを隠している”
]両~状態をとり得る要素のうち,現在は “~popoverを示している” 状態にある %E 要素。

<td>`~popover状態 疑似類§
<td>4

<tr><td>`%E:modal^css ※
<td>
すべてのヤリトリを排他的に受け付けている %E 要素
Expand Down Expand Up @@ -2537,11 +2556,10 @@ <h2 title="Selectors Overview">2. 選択子の概観</h2>
<td>`利用者~対話 疑似類§
<td>3-UI/4

<tr><td>`%E:user-valid^css
<tr><td>`%E:user-valid^css
<td>
利用者~入力~要素のうち、
利用者から正しい値が入力された %E 要素
【この項は、この訳による補完】
<td>`利用者~対話 疑似類§
<td>4
Expand Down Expand Up @@ -7199,9 +7217,10 @@ <h3 title="Collapse State: the :open pseudo-class">12.1. 開閉~状態: `open^
“開な”, “閉な”
]が正確に何を意味するかは,~host言語に特有であるが、
例えば~HTMLの[
例えば~HTMLの[
`details$e, `select$e, `dialog$e
]などの要素は,もっと内容を表示するよう “開な” 状態に~toggleできる
]などの要素は、
もっと内容を表示するよう “開な” 状態に~toggleできる
( `dialog$e の事例では、
内容~すべてが,表示されるかされないか)。
Expand Down Expand Up @@ -7231,11 +7250,54 @@ <h3 title="Collapse State: the :open pseudo-class">12.1. 開閉~状態: `open^
— `open$ps を~supportするものたちが成す全部的な集合が既知になったなら。
Note: A ":closed" pseudo-class might be added in the future once the full set of things that support :open is known.
</p>

</section>
<section id="popover-open-state">
<h3 title="Popover State: the :popover-open pseudo-class">12.2. ~popover状態: `popover-open^ps 疑似類</h3>

<p>
`popover-open@ps
疑似類は、
次に該当する要素を表現する
“~popoverを示している”, “~popoverを隠している”
]両~状態をとり得るが,
現在は “~popoverを示している” 状態にあるもの。
The :popover-open pseudo-class represents an element that has both “popover-showing” and “popover-hidden” states and which is currently in the “popover-showing” state.
</p>

<p class="note">注記:
これは、
`open$ps とは別個である
— 要素は、
自身に特有な[
“開な”, “閉な”
]状態をとり得ると同時に,別々な
— ~popoverであることに結付けられた —
“~popoverを示している”, “~popoverを隠している”
]状態もとり得るので。
Note: This is distinct from :open because an element can have element-specific open and closed states and also have separate popover-showing and popover-hidden states associated with being a popover.
</p>

<p>
“~popoverを示している”, “~popoverを隠している”
]状態が正確に何を意味するかは,~host言語に特有であるが、
例として,[
~HTMLの `popover$a 属性, それに結付けられた`~popover可視性~状態$
]が挙げられる。
Exactly what “popover-showing” and “popover-hidden” states mean is host-language specific, but is exemplified by the presence of the HTML popover attribute and the associated popover visibility state.
</p>

</section>
<section id="modal-state">
<h3 title="Modal (Exclusive Interaction) State: the :modal pseudo-class">12.2. ~modal(排他的なヤリトリ)状態: `modal^ps 疑似類</h3>
<h3 title="Modal (Exclusive Interaction) State: the :modal pseudo-class">12.3. ~modal(排他的なヤリトリ)状態: `modal^ps 疑似類</h3>

<p>
`modal@ps
Expand Down Expand Up @@ -7276,7 +7338,7 @@ <h3 title="Modal (Exclusive Interaction) State: the :modal pseudo-class">12.2.

</section>
<section id="fullscreen-state">
<h3 title="Fullscreen Presentation State: the :fullscreen pseudo-class">12.3. ~fullscreen呈示~状態: `fullscreen^ps 疑似類</h3>
<h3 title="Fullscreen Presentation State: the :fullscreen pseudo-class">12.4. ~fullscreen呈示~状態: `fullscreen^ps 疑似類</h3>

<p>
`fullscreen@ps
Expand All @@ -7292,7 +7354,7 @@ <h3 title="Fullscreen Presentation State: the :fullscreen pseudo-class">12.3. ~f

</section>
<section id="pip-state">
<h3 title="Picture-in-Picture Presentation State: the :picture-in-picture pseudo-class">12.4. ~picture-in-picture呈示~状態: `picture-in-picture^ps 疑似類</h3>
<h3 title="Picture-in-Picture Presentation State: the :picture-in-picture pseudo-class">12.5. ~picture-in-picture呈示~状態: `picture-in-picture^ps 疑似類</h3>

<p>
`picture-in-picture@ps
Expand Down Expand Up @@ -7941,7 +8003,7 @@ <h3 title=":empty pseudo-class">14.2. `empty^ps 疑似類</h3>
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt; &lt;!-- comment --&gt;&lt;/p&gt;
</pre>

<p>
Expand Down Expand Up @@ -10323,12 +10385,16 @@ <h2 title="Changes">変更点</h2>
Marked :blank as at-risk and removed the at-risk status from :read-write and :has()
</dd>
<dd>
疑似類として[
`open$ps, `closed$ps
]を追加した。
( `7319$issue )
`open$ps 疑似類を追加した。
( `7319$issue, `11039$issue )
Added :open pseudo-class. (Issue 7319, Issue 11039)
</dd>
<dd>
`popover-open$ps 疑似類を追加した。
( `8637$issue )
Added :open and :closed pseudo-classes. (Issue 7319)
Added :popover-open pseudo-class. (Issue 8637)
</dd>
<dd>
`has()$ps の中では,`疑似要素$を許容しないようにした
Expand Down

0 comments on commit 343d8fe

Please sign in to comment.